html5-canvas - キャンバスからの画像化

Question

キャンバスからデータを取得し、img 要素の src 属性を設定しようとしています。ここでの問題は、キャンバスの背景画像がキャンバス メソッドではなく css で設定されていることです。toDataURL メソッドがそれをキャッチできるように、背景画像を抽出する方法または方法はありますか?

ありがとう

Answer 1

背景画像をキャンバス自体に描画していないのには確かな理由があると思うので、この解決策を提供できます。

• 最初のキャンバスの下に配置された 2 番目のキャンバス要素に background-image を描画します。
• キャンバス データを取得して使用する場合は、3 番目のキャンバスを作成します (DOM にアタッチしたり、表示したりする必要はありません。
• その上に背景キャンバスを描画し、その上にメイン キャンバスを描画します。
• 3 番目のキャンバスからデータを取得します。
• 出来上がり。