[英]using fabric.js ,increase fontSize of canvas text on button click
我正在使用fabric.js在画布上工作。 我已经在画布上创建了文本。现在,按钮的onclick我想增加字体大小。
canvas.set({fontSize,40});
这不行吗? 任何其他方法。我已经创建了小提琴请检查
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();
});
这是一个有效的代码,
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();
});
首先,我能够通过改变来完成这项工作
obj.set('fontSize',40);
至
obj.setFontSize(40);
其次,我认为调整对象的fontSize不是在调整大小时改变的,而是它的scaleX
和scaleY
。 希望这可以帮助。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.