mit fabric.js erhöhen Schriftgrad des canvas text auf button klicken

ich bin mit fabric.js arbeiten auf Leinwand . erstellt habe ich den text auf der Leinwand .nun,onclick der Schaltfläche möchte ich erhöhen font-size .

canvas.set({fontSize,40});

ist dies nicht funktioniert ? jede andere Methode .die ich erstellt habe, fiddle bitte Überprüfen

   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();
});
  • Ändern, dass als fontsize
  • obj.set(fontSize,40) nicht ausgeführt, das Programm Stoppt vor, dass
InformationsquelleAutor anam | 2013-08-28
  1. 7

    Hier einen funktionierenden code,

    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();   
  });
    InformationsquelleAutor Prasanna Aarthi
  2. 3

    Zunächst, ich war in der Lage, diese arbeiten mit wechselnden

    obj.set('fontSize',40);

    zu

    obj.setFontSize(40);

    Zweite, ich denke, es ist nicht die Größe des Objekts, die geändert wird, wenn Sie die Größe ändern, aber seine scaleX und scaleY. Hoffe, das hilft.

    InformationsquelleAutor Stav Pan Geffen
Schreibe einen Kommentar