旋转导致svg打印模糊

1、可以使用object标签来嵌套svg可以解决svg模糊问题。

2、使用object标签引发的问题，部分svg失去了点击事件的功能，经查证，不能点击的svg是因为在object标签内的点击事件失效，把点击事件添加到父级元素即可。

<g>标签合并两个元素，<g></g>把你想合并的俩 元素的代码放到这俩标签中间 。然后对于g添加onmousedown，onmousemove，onmouseup事件，就行了。

GIF和SVG不是同一种图片来的，如果要点击后gif才动需要一张静态图片，并且需要做框/需要一个模版按钮，当这个被点击的element的id是a，动态的图片是id=b，则：

var clickElement = document.getElementById('a')

var imageElement = document.getElementById('b')

clickElement.addEventListener('click',clickFunction)//添加点击事件

function clickFunction(){

    clickElement.removeEventListener('click')//清除事件绑定

    imageElement.setAttribute('src','PATH_TO_FILE/FILENAME.EXT')//更换IMAGE标签图片src属性

}

---