首页 >社区问答列表 >javascript - svg小白,想要在svg里面插入图片

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

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

  • 某草草
  • 某草草    2017-06-24 09:46:021楼

    没玩过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>
    

    +0添加回复

  • 回复