如何在 Fabric.js 中为活动文本添加轮廓

Ras*_*ash 6 html javascript html5-canvas fabricjs

我使用 fabric js 在 html5 中使用了画布。我想将轮廓应用于画布上的活动文本。我编写的以下代码工作正常,但问题是当我增加轮廓的厚度时,它会与文本重叠,这意味着文本颜色消失。

activeObject1.stroke = color;
activeObject1.strokeWidth = 5;
Run Code Online (Sandbox Code Playgroud)

还有一件事通过应用这个我无法应用第二个大纲。我有一个例子,但它不适用于fabricjs。

http://jsfiddle.net/vNWn6/
Run Code Online (Sandbox Code Playgroud)

小智 0

var active_obj = canvas.getActiveObject();
active_obj.stroke = '#000';
active_obj.strokeWidth = 5;
canvas.renderAll();
Run Code Online (Sandbox Code Playgroud)

  • 好的答案*解释*并提供代码。考虑更新您的答案,以包含有关此代码如何工作以及为什么它是最佳选择的解释。 (5认同)