フォトフレーム
写真を撮り、トリミングしてスタンプを貼り画像を生成できるサイトです。 (source: https://github.com/ray-zero2/photoFrame) Canvasの学習を始めて最初に作った作品です。(canvas 2D) (canvasの学習にフォーカスしたため、デザインは行っていません。) JSの仕様やオブジェクト指向もよくわからず制作したためコードは綺麗ではありませんが、 ロジックについてしっかり悩んで実現することができました。 スタンプを描画する際はオフスクリーンのcanvasを2枚使用し、 一番上に描画されているスタンプ以外の全てを事前に描画しておくことで 余計なレンダリングを防ぐ工夫を行いました。