svg 里面内嵌image href 找不到图片

Your little

这个svg里面引用了 pc-2-14-1.jpg 和 pc-2-14-2.jpg
如果直接用浏览器点开预览的话是能看到效果的，当我把svg引入到html里面以后，图片就找不到了

svg 代码

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svg class="slider__mask" xmlns="http://www.w3.org/2000/svg" 
  xmlns:xlink="http://www.w3.org/1999/xlink" 
  viewBox="0 0 750 499" width="750" height="499">
  <image width="750" height="499" href="pc-2-14-1.jpg"></image>
  <image width="750" height="499" stroke="black" href="pc-2-14-2.jpg">
    <animate attributeName="opacity" 
      values="0;0;0;0;0;0;1;1;1;1;1;1;0;0;0;0;0;0;" 
      dur="6s" repeatCount="indefinite" />
  </image>
</svg>

ivorzk

可以把href里面的图片路径换成 base64 就可以了