人们目前如何在他们的网页中编写SVG代码?
我看过这个帖子,来自托德是一位出色的前端开发者:
http://toddmotto.com/mastering-svg-use-for-a-retina-web-fallbacks-with-png-script/
我也看到了这个,来自另一个众所周知的开发人员Chris:
http://css-tricks.com/using-svg/
人们已经使用了HTML元素“对象”,但我希望看到一些人已经拥有比我更多的经验。使用SVG和png的最佳做法是什么,假装你只需要支持IE8和上面,重点是针对新浏览器。
我的大部分.svg都有.png的。大部分图片都是.ai的。
答案 0 :(得分:1)
CSS问题链接从你的问题给出答案。
<img src="image.svg" onerror="this.onerror=null; this.src='image.png'">
或
if (!Modernizr.svg) {
$(".logo img").attr("src", "images/logo.png");
}
答案 1 :(得分:0)
我个人最喜欢的是clown car technique。从本质上讲,你可以在内联svg中包含一个png src,它只会向svg浏览器显示svg,而不会向没有
的浏览器显示png