1

我怎样才能为fabricjs Text中的文本赋予渐变或斜角效果?

http://fabricjs.com/fabric-intro-part-2/
这里给出了形状和所有示例,我将它与文本绑定但不起作用?

    hw[i] = new fabric.Text($(this).val(), {
                left : 100,
                top : 100,
                fontSize : 20
            });
 hw[i].setGradient('fill', {
  x1: 0,
  y1: 0,
  x2: 0,
  y2: circle.height,
  colorStops: {
    0: "red",
    1: "blue"
  } });

任何建议

4

1 回答 1

2

你在这里给y2的circle.height值,用hw[i].height试试

在我自己的测试中,我注意到需要从所有 x 和 y 属性中删除对象宽度和高度除以二,

var odx = obj.width  /2, ody = obj.height /2;

obj.setGradient('fill',{
    x1: gradient.start.x - odx,
    y1: gradient.start.y - ody,
    x2: gradient.end.x   - odx,
    y2: gradient.end.y   - ody,
    colorStops : colors
});

你可以在这里找到一个具体的渐变文本示例

于 2014-01-20T14:42:07.577 回答