viewbox 解释一下?

jike_chris_WPR SVG 最后由 极客学院-媛儿 于2015年04月20日回复

  • 1 回答
  • 2.3k 浏览

viewbox,好像他的值越大,显示的效果越小,他的值与svg的width 和 height 是什么关系?一定要有viewbox吗?

  • 极客学院-媛儿 2015年04月20日 回答 #1楼
  • viewport表示SVG可见区域的大小,或者可以想象成舞台大小,画布大小。

    例如:

    <svg width="500" height="300"></svg>

    上面的SVG代码定义了一个视区,宽500单位,高300单位。

    通俗解释:SVG就像是我们的显示器屏幕,viewBox就是截屏工具选中的那个框框,最终的呈现就是把框框中的截屏内容再次在显示器中全屏显示。

  • 0 评论