canvas を使用する HTML5 アプリケーションを開発しようとしています。アプリでは画像の上に複数のテキスト領域を描画する必要があるため、プロジェクトには複数のレイヤーが必要になります。これらのテキスト領域は、文字列の長さに応じてサイズ変更できる必要があります。
SOに関するいくつかの投稿を読んだところ、複数のレイヤーには2つの方法があることに気付きました。
- 複数のキャンバス要素を作成し、z-index を使用してそれらを積み重ねるだけです
- キャンバス要素を 1 つだけ使用する既製のフレームワークを使用してレイヤーを作成する
オプション 1 の方が簡単に思えますが (これが私の質問です)、方法 1 の結果をデータ URL または何らかのフラット イメージに保存できますか?
どんな助けでも大歓迎です