javascript - 如何在 Fabric.js 中为事件文本添加轮廓

标签 javascript html html5-canvas fabricjs

我在使用 fabric js 的 html5 中使用了 Canvas 。 我想将轮廓应用于 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

关于javascript - 如何在 Fabric.js 中为事件文本添加轮廓,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18267331/

相关文章:

javascript - jcanvas 中第二次出现动画层问题

html - 如何在网络套接字 header 中设置 Sec-WebSocket-Key?

javascript - facebook connect登录更麻烦(JS SDK)

javascript - AngularJS 旋转器未显示,可能是由于 http.get 触发太快

javascript - gRaphael 绘图文档

jquery - 帮助处理表格和 div 的 css 格式

jquery - 使用下拉列表更改背景图像?

JavaScript- 将鼠标 X 和 Y 位置存储在变量中,并随着鼠标移动不断更新它们

javascript - 尝试用 html5 canvas 绘制一个分成几个部分的图案

javascript - 如何在 Photoshop 中以编程方式访问图层标签颜色