0

私は現在、ユーザーがスライドショーを作成できるアプリを作成しています。現在のスライドにテキストなどを追加するためにfabricjsを使用しています。しかし、私は彼らにも新しいスライドを追加できるようにしたいと思っています。

そのため、「新しいスライド」ボタンを押したときに現在のスライド（キャンバス）を保存して保存する方法が必要です。
もう1つは、ユーザーが列から選択することで前のキャンバスを編集できることです。

私はhtml5とfabricjsに比較的慣れていないので、それを行う方法が本当にわかりません。クローン機能を使用してみましたが、実際にはうまくいきませんでした。前のキャンバスのdrawImageもうまくいきました。

これを始めるのに役立つ考えはありますか？

作成したキャンバスを保存する方法も考えていましたが、アレイリストが良い方法かどうか疑問に思いました。

ご協力いただきありがとうございます

tl; dr：キャンバスを保存し、クリアして、後で復元できるようにしたい。

4

2 に答える 2

1

You can use canvas serialization to save the canvas to JSON and restore the canvas later when you want. For a detailed tutorial this fabricjs article is a good start.

于 2013-03-01T10:02:55.977 に答える
0 
ctx.fillStyle= 'red'
//  draw a rectangle with default settings
     ctx.fillRect(0,0,150,150);
     //  Save the default state
     ctx.save();   



 ctx.fillStyle = '#66FFFF'       
     ctx.fillRect( 15,15,120,120); 
     // Save the current state
    // ctx.save();


 // Restore previous state
     ctx.restore();
     ctx.fillRect(45,45,60,60);

http://www.tutorialspoint.com/html5/canvas_states.htmの例

于 2014-12-25T08:58:41.963 に答える