最後にSVGでテキストを処理してみましょう。SVGでテキストを描くには<text>タグを使います。表示するX座標はx属性で、Y座標はy属性で指定します。このX,Y座標は文字のベースラインの座標になります。以下のように指定すると座標(5, 10)にAの文字が表示されます ...
HTML5で手軽に扱えるようになったSVG(Scalable Vector Graphics)。前回は、HTML5文書内に埋め込まれたインラインSVGをJavaScriptで制御する方法を紹介しました。今回はJavaScriptとSVGを使ってシューティングゲームを作成します。 ゲームの作成に入る前に、SVG図形を ...
CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。 講演資料・動画 ...
Googleは6月28日(米国時間)、FlashファイルをHTML5のデータへ変換するプロダクト「Swiffy」を発表した。SwiffyはFlashファイルであるSWFファイルをSVG、JSON、CSS3、JavaScript、HTML5などのデータへ変換し、Flashをサポートしてないブラウザでもコンテンツが見れるように ...
iPhone 4のような高DPIデバイスの登場でグラフィックデータをどう扱っていくかがこのところWebデザイナやWebデベロッパの間で話題に上るようになっている。iPhone 3GとiPhone 4、iPad、MacBook Proなど、どのデバイスからアクセスしても問題ないWebページを制作するに ...
eSpeaks’ Corey Noles talks with Rob Israch, President of Tipalti, about what it means to lead with Global-First Finance and how companies can build scalable, compliant operations in an increasingly ...