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

問題描述

代碼如上，想要在svg里面插入圖片，讓圖片實現動畫，但是怎么都沒效果，求解釋...

問題解答

沒玩過svg，簡單看了下api，應該有兩個關鍵點 1.svg設置寬和高 2.image標簽把animate標簽包住即可。下面是示例代碼

<svg xmlns='http://www.w3.org/2000/svg'> <g> <image xlink: x='160' y='160' > <animate attributeName='x' values='160;40;160;' dur='3s' repeatCount='indefinite'/> </image> </g></svg>