Web canvas.drawImageで貼り付け先の位置を調整する
画像を読み込んで貼り付けるところまでは出来たので、今度はcanvas上で貼り付け位置を変える方法について紹介します。これについては2通りの方法があります。 drawImageメソッドの引数で貼り付け座標を指定する translateメソッド...
canvas
Web Web canvas.toDataURLメソッドを使う
canvasで描画したデータを、Base64エンコードした文字列で取得するメソッドがtoDataURLです。toDataURL() メソッド - Canvasリファレンス - HTML5.JPこれにより、canvasの画像データをGETやP...
Web HTML5/canvas上に読み込んだ画像を貼り付ける
ここからしばらく、HTML5のcanvasについて書こうと思います。canvasは、何やら新しいもののように思えますが、実際に操作する時に働くのはjavascriptなので、描画に関するルールや関数を覚えてしまえば、あとはスクリプトが書ける...
Memo HTML5/canvasでのアイコン画像の加工を採用するにあたって
実は、当初iconDecotterは、最終的な処理をPHPのGDライブラリで行なってはいたものの、ユーザー向けのプレビューとして表示しているサイト上のアイコン加工状態の表示は、canvasを利用していました。APIで取得したアイコン画像をい...