[svg]viewBox属性

属性值

viewBox值有4个数字：

// x:左上角横坐标，y:左上角纵坐标，width:宽度，height:高度
viewBox="x, y, width, height"

感性理解

viewBox形象的解释就是：SVG就像是我们的显示器屏幕，viewBox就是截屏工具选中的那个框框，最终的呈现就是把框框中的截屏内容再次在显示器中全屏显示！

参考文献

http://www.zhangxinxu.com/wordpress/2014/08/svg-viewport-viewbox-preserveaspectrati/o

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 优秀第三方
    发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,225评论 4赞 61
  • iOS开发常用三方库集合OC版(三方库、插件、博客等等)
    Swift版本点击这里欢迎加入QQ群交流: 594119878最新更新日期：18-09-17 About A cu...
    ylgwhyh阅读 25,682评论 7赞 249
  • 花的篇章
    这幅画是用彩铅画出来的。画中的两朵花都是玫瑰，上面的是红玫瑰，而下面的则是黄玫瑰。 画的不算太好，想请各位...
    颜翎阅读 1,781评论 9赞 3
  • 心语
    心语 文/小家碧玉（河南） 随时随地 有几朵花几棵草 开着柔情 默默的和你对语 一抹愁绪化作风飘去 空 有一丝灵动...
    小家碧玉_9512阅读 1,898评论 3赞 4
  • 天堂鸟（摄影:老羊咩）
    展翅轻盈丛中笑， 红得好像火燃烧。 天上仙女化羽落， 美艳人间胜二乔。
    珠江潮平阅读 3,157评论 5赞 23