javascript - svg小白，想要在svg里面插入图片-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - svg小白，想要在svg里面插入图片

代言 2017-06-24 09:44:02

[HTML讨论组]

985

代码如上，想要在svg里面插入图片，让图片实现动画，但是怎么都没效果，求解释...

代言

全部回复(1)

某草草2017-06-24 09:46:02 1楼

没玩过svg，简单看了下api，应该有两个关键点 1.svg设置宽和高 2.image标签把animate标签包住即可。下面是示例代码

<svg width="320" height="320" xmlns="http://www.w3.org/2000/svg">
  <g> 
    <image xlink:href="http://f10.baidu.com/it/u=107851725,1461296661&fm=76" x="160" y="160" height="100" width="100" >
    <animate attributeName="x" values="160;40;160;" dur="3s" repeatCount="indefinite"/>
    </image>
  </g>
</svg>