跳转到内容

扩展

SVG.js 提供了强大的扩展系统,允许你添加自定义方法和功能。

注册扩展

ts
// 注册新的方法
SVG.extend(SVG.Element, {
  // 添加新方法
  paintRed() {
    return this.fill('red')
  },
})

扩展类型

  • 元素扩展
  • 容器扩展
  • 形状扩展
  • 自定义元素

使用示例

ts
// 使用扩展方法
rect.paintRed()

最佳实践

  • 保持扩展方法名称唯一
  • 确保扩展方法返回 this 以支持链式调用
  • 在扩展中添加适当的文档注释

更多信息

请参考官方文档获取完整的扩展系统参考和用法说明。