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 プロパティからオブジェクトの幅と高さを 2 で割る必要があることに気付きました。

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 に答える