svg.js 元素的默认值

【问题标题】：Default values for svg.js elementssvg.js 元素的默认值
【发布时间】：2017-05-10 12:36:17
【问题描述】：

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

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

参数总是相同的，所以我需要一直传递它们吗？

【问题讨论】：

标签： svg.js

【解决方案1】：

我认为您可以使用 SVG.extend() 来实现它。在文档上查看。基本上，您添加一个可以设置默认值的方法。

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

【讨论】：

【解决方案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)

【讨论】：