タグ：画像処理：記事一覧

Canvas APIは画像描画時に globalCompositeOperationを使用すると、元からある画像との合成方法を指定することができます。ここでは、globalCompositeOperationに指定できる値と結果を一覧にしてお伝えします。

JavaScriptのCanvas APIでグラデーションの塗りつぶしができますが、少しクセがあります。大いに悩む点なので、まとめてみました。

今回はJavaScriptを使用して、Canvasのある領域を、現在の表示エリアに拡大して表示する方法をお伝えします。

Canvas上で文字列の幅と高さを求め、枠を描画するところまでやってみます。

Canvasでアニメーションをおこなう場合、全体をクリアしてから再描画する必要があります。しかし描画内容が複雑だと処理が重くなり、滑らかな表現が難しくなります。改善策として、動かない図形とアニメーションをさせる図形のレイヤーを分けることで、処理を軽くする方法をお伝えします。

前回、Canvas上で図形を塗りつぶす記事を書いたので今回は線の色変更と、移動をやってみます。

PHPやをJavaScript使ったプログラミングについて、実際にやったことを中心に紹介します。