canvasにFabric.jsでテキストを挿入し、オブkジェクトとして自由に操作できるようにしました。
javascript
1function MondaiCanvas(){ 2 var canvas = new fabric.Canvas('mycanvas'); 3 var t ="hoge"; 4 // var t = document.getElementById("mondai").textContent; 5 var txt = new fabric.Text(t, { 6 left: 20, top: 20, 7 fill: 'white', 8 stroke: 'white', 9 strokeWidth: 2, 10 fontFamily: "UD デジタル 教科書体 N-R", 11 fontSize: 300 12 }); 13 canvas.add(txt); 14 }
こちらに再アクセスして、位置や大きさを変えることなくテキストだけを変更したいと思っていますがやり方がわかりません。
どうもFabric経由でcanvasの中の要素をitemの配列から呼び出せるようなことまでは調べた(つもり)ですが、
https://stackoverflow.com/questions/13195481/get-the-canvas-object-while-using-fabric-js
こちらを参考に、
javascript
1function test(){ 2 var x = new fabric.Canvas("mycanvas"); 3 document.getElementById("mycanvas").fabric = x; 4 var y = document.getElementById("mycanvas").fabric; 5 var mondaibun = y.item(0); 6 7 console.log(mondaibun + "検証"); 8 }
とテストしてみましたがundefined検証とコンソール表示。
途方に暮れています。どなたか教えていただけないでしょうか。
あなたの回答
tips
プレビュー