将图像过滤器应用于Fabric.js文本对象

时间:2014-02-26 06:26:00

标签: javascript fabricjs

有没有办法将图像过滤器应用于fabric.js中的文本对象?我正在使用图像过滤器隐藏边界内容,我也需要将其应用于文本对象。但是图像对象没有应用过滤器的选项。

var textn = new fabric.Text('Hello world', {
  fill: 'black',
  left: canvas.width / 2,
  top: canvas.height / 2
})
canvas.add(textn);
textn.cloneAsImage(function (pgClone) {
  pgClone.set({ 
    left: canvas.width / 2, 
    top: canvas.height / 2, 
    djtext: $('#addText').val() 
  });
  canvas.add(pgClone);
  canvas.setActiveObject(pgClone);
  canvas.renderAll();
});
canvas.remove(textn);
canvas.renderAll();

我尝试了cloneAsImage方法。它可以工作,但每当我想修改文本对象时,我需要再次重新创建文本元素。

0 个答案:

没有答案