javascript – 如何在Fabric.js中为活动文本添加大纲

2019年7月21日 281次阅读

我使用fabric js在
html5中使用了canvas.

我想将轮廓应用于画布上的活动文本.以下代码我写的它工作正常,但问题是当我增加轮廓的厚度然后它重叠在文本上,这意味着文本颜色消失.

activeObject1.stroke = color;
activeObject1.strokeWidth = 5;

通过应用这一点我还无法申请第二个大纲.
我有一个例子,但它没有使用fabricjs.

http://jsfiddle.net/vNWn6/

最佳答案 Fabric.js首先应用填充,然后是笔划.您需要反转订单才能获得结果.

 original
  _renderText: function(ctx) {
  this._renderTextFill(ctx);
  this._renderTextStroke(ctx);
  }

Before

  modified
   _renderText: function(ctx) {
  this._renderTextStroke(ctx);
  this._renderTextFill(ctx);
  }

After

版本：fabric-1-7-1.js

点赞