<script>
var flag = false; //动画开关
//加载插件
var sc = document.createElement('script');
sc.src = 'https://638183.freep.cn/638183/web/js2024/svgdr_trial.js';
document.body.appendChild(sc);
sc.onload = () => {
	var dr = _dr('msvg'); //声明画笔
	dr.defs('defs');
	//制作滤镜 ：图片+融合（图片为融合对象，feImage滤镜加一个animate动画）
	dr.f('blend', `
	   <feImage x="0" y="50" width="120" height="120" href="https://638183.freep.cn/638183/Pic/2022/feidie.gif" result="img1">
			<animate attributeName="x" values="0;354;0" dur="20s" repeatCount="indefinite" />
		</feImage>
		<feBlend mode="hard-light" in="img1" in2="SourceGraphic"></feBlend>
	`);
	//加载图片（被融合底图）
	dr.image('https://638183.freep.cn/638183/small/playbg1.jpg', 0, 0, 474, 316).set('filter', 'url(#blend)');
	//画布单击事件 ：关闭、开启动画
	msvg.onclick = () => {
		dr.play(flag);
		flag = !flag;
	};
};
</script>