canvas

Web

canvas.drawImageで貼り付け先の位置を調整する

画像を読み込んで貼り付けるところまでは出来たので、今度はcanvas上で貼り付け位置を変える方法について紹介します。これについては2通りの方法があります。 drawImageメソッドの引数で貼り付け座標を指定する translateメソッド...
Web

canvas.toDataURLメソッドを使う

canvasで描画したデータを、Base64エンコードした文字列で取得するメソッドがtoDataURLです。 toDataURL() メソッド - Canvasリファレンス - HTML5.JP これにより、canvasの画像データをGET...
Web

HTML5/canvas上に読み込んだ画像を貼り付ける

ここからしばらく、HTML5のcanvasについて書こうと思います。 canvasは、何やら新しいもののように思えますが、実際に操作する時に働くのはjavascriptなので、描画に関するルールや関数を覚えてしまえば、あとはスクリプトが書け...
Memo

HTML5/canvasでのアイコン画像の加工を採用するにあたって

実は、当初iconDecotterは、最終的な処理をPHPのGDライブラリで行なってはいたものの、ユーザー向けのプレビューとして表示しているサイト上のアイコン加工状態の表示は、canvasを利用していました。APIで取得したアイコン画像をい...