Web

サーバー移転しました。

当初は、元々持っていたサイトに間借りさせてたらかなり限界だったところを、さくらレンタルサーバーのプレミアムプランを新規契約して移設するという話を書こうと思っていましたが、それでもやっぱり限界だったようなので、つい昨日ビジネスプロを契約してそ...
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で取得したアイコン画像をい...