【转载】借助SVG文字尺寸自动缩放甚至突破Chrome 12px限制

注:博客中会不定期转载一些好文章,但不会全文摘抄,只做摘要引流。尊重原创,尊重原作者。

文章转载自 张鑫旭-鑫空间-鑫生活 http://www.zhangxinxu.com/wordpress/

原文链接:http://www.zhangxinxu.com/wordpress/2016/06/image-preload-based-on-user-behavior/
原文摘要:SVG本质上你可以看成是一张图片,图片设置width:100%自动就跟随容器尺寸拉伸,SVG也是如此,并且SVG由于是矢量的,因此,再怎么拉伸我们的文字效果都是清晰细腻的。

我也写了一个简单的demo,请点击查看

把一些属性和样式挪到css中了,只留下text中的属性,这样代码更简洁了。

 

发表评论

电子邮件地址不会被公开。 必填项已用*标注