Question

是否有可能为所有新创建的元素设置默认填充？这就是我现在这样做的方式：

draw.circle(radius).fill(params);

参数总是一样的，所以我需要及时传递它们吗？

Answer 1

我认为您可以使用SVG.extend（）将其拉下来。查看文档。基本上你添加了一个设置默认值的方法。

SVG.extend(SVG.Circle , {
  setDefault: function() {
    return this.fill({ color: '#7FFFD4', opacity: 0.2 })
  }
})

Answer 2

它的旧但嘿：您可以使用新方法扩展容器元素，从而创建所需的圆。你也可以发明一个新的形状，并为你添加方法，但这可能有点矫枉过正

SVG.extend(SVG.Container, {
  filledCircle: function(radius) {
    return this.circle(radius).fill({ color: 'red', opacity: 0.5 })
  }
})

// usage
draw.filledCircle(10).center(50,50)

svg.js元素的默认值

2 个答案: