研究ノート - SVG.js の画像要素の関連メソッド

画像（）

1）画像()

期待どおりのイメージを作成します。

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.on('load', function (e) {
    
    
  // this is the loading event for the svg image
})

動画解説

動画解説