Javascript 使用Fabric.js创建空心圆

如何实现类似于使用Fabric.js的效果

我尝试了

clipTo

，但运气不佳

我想更新此脚本以接受“空心”圆

使用：

{
  fill: "none",
  stroke: "red",
  strokeWidth: 5
}

使用：

{
  fill: "none",
  stroke: "red",
  strokeWidth: 5
}

---

这一款肯定不能在Chrome上使用

{
  fill: "none",//should be fill:undefined
  stroke: "red",
  strokeWidth: 5
}

---

填充应设置为

undefined

，而不是

none

好的，这一项肯定不适用于Chrome

{
  fill: "none",//should be fill:undefined
  stroke: "red",
  strokeWidth: 5
}

填充应设置为

未定义

，而不是

无

如果

填充：“无”

无效，请尝试以下操作：

{
 fill: "rgba(0,0,0,0.0)", //setting alpha channel to 0.0 will make fill transparent
 stroke: "red", 
 strokeWidth: 5
}

如果

填充：“无”

无效，请尝试以下操作：

{
 fill: "rgba(0,0,0,0.0)", //setting alpha channel to 0.0 will make fill transparent
 stroke: "red", 
 strokeWidth: 5
}

---

我发现的实际可行的解决方案

{
填充：'透明'，
//或：填充：未定义，
//或者：fill:“rgba（0,0,0,0.0）”，//将alpha通道设置为0.0将使填充透明
笔画：“红色”，
冲程宽度：5
}

---

示例：

我找到的实际工作解决方案

{
填充：'透明'，
//或：填充：未定义，
//或者：fill:“rgba（0,0,0,0.0）”，//将alpha通道设置为0.0将使填充透明
笔画：“红色”，
冲程宽度：5
}

---

示例：

Use.Path似乎没有与“arc”相等的命令当然有-谢谢，我尝试了类似于Path的命令（arc（xx，xx，xx，xx））；我无法使用路径：（，当前的代码是这样的，我试图创建一个带有空心圆的路径，但是当鼠标移动修改路径时，我无法在旧路径上重新应用新路径，它只是创建一个新的objectUse。路径似乎没有与“arc”相等的命令当然有-谢谢，我正在尝试类似于路径的命令（arc（xx，xx，xx，xx，xx））；我无法使用路径：（，当前的代码是这样的，我试图创建一个带有空心圆的路径，但当鼠标移动修改路径时，我无法在旧路径上重新应用新路径，它只是创建一个新对象。在实际实现中，背景是可变的，用户可以在圆后面绘制或更改背景。这可以使用填充不透明度虽然我不认为这是可能的…嗯，也许是填充规则？天哪，我真不敢相信我怎么没有想到…：S谢谢你救了我一天请注意填充：“无”在firefox上不能正确工作，使用填充：“透明”，适用于chrome和firefox okIn在实际实现中，背景是可变的，用户可以在圆圈后面绘制或更改背景。这可能与填充不透明度一起工作，但我认为这是不可能的…嗯，可能是填充规则？天哪，我真不敢相信我怎么没有想到…：谢谢你救了我一天请注意LH:噢，在firefox和chrome上使用fill:transparent可以吗