是否可以在SVG中监听图像加载事件？ [英] Is it possible to listen image load event in SVG?

问题描述

是否可以在SVG中收听< image> 加载事件？如果是，该怎么做？

Is it possible to listen for an <image> load event in SVG? If yes, how to do this?

推荐答案

是的，这是可能的。

在标记中：

<image xlink:href="example.png" width="10" height="10" 
       onload="alert('loaded')"/>

参见 jsfiddle 。

在剧本中：

<script>
  var img = document.createElementNS("http://www.w3.org/2000/svg", "image");
  img.addEventListener('load', function() { alert('loaded'); });
  // or alternatively:
  // img.onload = function() { alert('loaded'); }
  img.width.baseVal.value = 100;
  img.height.baseVal.value = 100;
  img.href.baseVal = "example.png";
</script>

参见 jsfiddle 。

这篇关于是否可以在SVG中监听图像加载事件？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！