jquery - fabricjs Canvas 中文本的渐变/斜 Angular 效果

Question

如何在 fabricjs 文本中为文本提供渐变或斜 Angular 效果？？

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

    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"
  } });

任何建议

Answer 1

你在这里给 circle.height 值 y2，尝试用 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
});

你可以找到一个具体的渐变文本例子here