svg格式图片在ios下显示模糊问题

之前在做项目时设计给到的切图是svg格式的图，后面在使用中发现svg图在安卓系统下显示正常，但是在ios系统下显示十分模糊
后来查了下才知道是img标签的原因，苹果浏览器是无法支持img标签引入的svg图

解决方法

使用iframe或者object标签来加载

<iframe src="xxx.svg"></iframe>

<object type="image/svg+xml" data="xxx.svg"></object>

不良后果及解决

使用object标签后会发现不能触发点击事件，这是因为＜object＞标签进行了多层包裹，点击事件失效
解决方法是将点击事件绑定到object父级元素即可