使用FabricJS的恒定笔触宽度矩形

Question

有没有办法使用具有恒定宽度笔划的FabricJs绘制矩形？

在我能找到的每个例子中，您都可以设置笔触宽度，但是当您调整矩形大小时，笔划会与形状一起缩放。

Answer 1

我在这里玩游戏迟到了，但我想在某个地方记录一下。上面评论中共享的davidtorroija（http://jsfiddle.net/davidtorroija/nawLjtn8/）的小提琴对我来说几乎是一个完美的解决方案，但它有一个大问题。 Fabric使用名为“ cacheWidth”和“ cacheHeight”的值，并且也无需更改这些值，最终可能会出现一些与指定的高度和宽度不匹配的狡猾渲染：

不更改缓存的值： https://i.gyazo.com/6cc1223444309cd55715bd81aa9dcb39.gif

通过更改缓存的值： https://i.gyazo.com/e842b57af255460fcdbdc3533a6793e6.gif

类似的事情应该可以解决问题

// Existing code
this.width *= this.scaleX
this.height *= this.scaleY
// New code
this.cacheWidth = this.width
this.cacheHeight = this.height