javascript - 添加到 Canvas 后更改文本

标签 javascript jquery html canvas fabricjs

在 fabric-js 中,我正在制作一组矩形和文本字段,然后将其添加到 Canvas 中。我正在使用以下代码,但是我可以在将文本字段添加到 Canvas 后更改文本字段吗?

我制作了 Fiddle 请检查,

http://jsfiddle.net/HAb4N/5/

var canvas = new fabric.Canvas('c');

var Bar = new fabric.Text('Bar', {selectable: false, top: 50, left: 10});


var rect = new fabric.Rect({width: 100, height: 100, left: 100, top: 100, fill: 'red'});
var group = new fabric.Group([rect, Bar], {selectable: true, top: 50, left: 100});
canvas.add(group);

canvas.renderAll();

$(document).click(function(e) {
    console.log('click');
    console.log('ActiveObject', canvas.getActiveObject());
    console.log('ActiveGroup', canvas.getActiveGroup());
    Bar.set('Text','Selectedoooooooo');
});

最佳答案

这对我有用:

Bar.setText("my_text");
canvas.renderAll();

关于javascript - 添加到 Canvas 后更改文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18864487/

相关文章:

javascript - nodejs cheerio在每个循环中选择子元素

php - 回显列表中的元素并对齐它们

javascript - 如何使 anchor 标记通过 JavaScript 更改其链接到的页面的内容?

javascript - Node.js,映射对象数组,并将特定值放入新数组中

javascript - 如何在点击两次后隐藏文件上传按钮?

javascript - Node.js MySQL 查询中的 Try/Catch 是冗余的吗?

html - css keyframe left 100% top 100% 奇怪的行为

javascript - 一个简单的关于IE8、Firefox3.6和Chrome的ajax问题

Javascript - 在上一个函数结束后启动函数

javascript - Bootstrap collapse - 同时打开多个 Accordion