問題描述

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

問題解答

沒玩過svg，簡單看了下api，應(yīng)該有兩個(gè)關(guān)鍵點(diǎn) 1.svg設(shè)置寬和高 2.image標(biāo)簽把a(bǔ)nimate標(biāo)簽包住即可。下面是示例代碼

<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>