質問: 現在複数のDIV要素に決まったサイズ(500x500px)の画像を、スタイルシートで背景画像を設定しています。 例えば「仕上がりボタン」を押すことにより、 それらをレイヤー状に重ねて背景画像としてではなく、 1枚の写真に合成しダウンロードまでさせたいです。 ※写真はすべて透明ありPNGファイルです。 JavaScriptでこんなことは可能でしょうか? サーバーは共用レンタルサーバーです。 現在のhtml的にはこんな単純なものです。 html5でPCを前提にしていますが、スマホでも実現できれば最高です。
回答: > > 1枚の写真に合成しダウンロードまでさせたいです > > > Canvas APIを学習する必要がありますが、**可能です**。 Googleの検索結果を探るとサンプルコードも見つかると思います。 Canvasを十分に理解されているのであれば PixiJSのような**WebGLファースト**の2次元画像処理ライブラリを活用することで、高速処理できます。