学习笔记——SVG.js中image元素的相关方法

Image()

1）image()

创建预期的图像：

var image = draw.image('/path/to/image.jpg')

如果要在加载图像后执行回调，可以传递函数作为附加参数：

var image = draw.image('/path/to/image.jpg', function (event) {
    
    
  // 图片加载
  // 这是底层img元素的加载事件
  // 您可以访问图像的自然宽度和自然高度
  // event.target.naturalWidth, event.target.naturalHeight
})

2）image.load()

可以使用load（）方法加载另一个图像：

image.load('/path/to/another/image.jpg', callback)

3）image事件

您可以在加载图像时绑定到加载和错误事件。
这可以一如既往地通过以下方式完成：

image.on('load', function (e) {
    
    
  // this is the loading event for the svg image
})

视频讲解

视频讲解