前端|SVG可缩放矢量图形

前端|SVG可缩放矢量图形

五月 06, 2019

SVG可缩放矢量图形

http://www.w3school.com.cn/svg/index.asp

SVG 意为可缩放矢量图形（Scalable Vector Graphics）。

SVG 使用 XML 格式定义图像。

1
2
3
4
5
<div id="vibrant">
        <svg viewBox="0 0 2880 1620" height="100%" preserveAspectRatio="xMaxYMax slice">
            <polygon opacity="0.7" points="2000,1620 0,1620 0,0 600,0 "/>
        </svg>
</div>