6

canvas で作業するために fabric.js を使用しています。キャンバスにテキストを作成しました。今、ボタンのクリックでフォントサイズを大きくしたいです。

canvas.set({fontSize,40});

これは機能していませんか？他の方法.iはフィドルを作成しました チェックしてください

   var canvas = window._canvas = new fabric.Canvas('c');
var text = new fabric.Text('Sample', {
    left: 100,
    top: 100,
    fill: 'navy'
});

canvas.add(text);

document.getElementById('textinput').addEventListener('change', function (e) {
    var obj = canvas.getActiveObject();

    if (!obj) return;

    obj.setText(e.target.value);
    canvas.renderAll();
});

document.getElementById('btn').addEventListener('click', function (e) {
    var obj = canvas.getActiveObject();

   alert('button clicked');
     if (!obj) return;

    obj.set(fontSize,40);
    canvas.renderAll();
});
4

2 に答える 2

10

ここに作業コードがあります、

var canvas = window._canvas = new fabric.Canvas('c');
var text = new fabric.Text('Sample', {
  left: 100,
  top: 100,
  fontSize: 80,
  fill: 'navy'
});

canvas.add(text);
document
  .getElementById('btn')
  .addEventListener('click', function (e) {
    canvas.getActiveObject().set("fontSize", "30");
    canvas.renderAll();   
  });
于 2013-08-28T05:48:50.130 に答える
3

まず、変更することでこれを機能させることができました

obj.set('fontSize',40);

に

obj.setFontSize(40);

第二に、サイズ変更時に変更されるのはオブジェクトの fontSize ではなくscaleX、scaleY. お役に立てれば。

于 2013-08-28T06:03:51.873 に答える