SVG 教程

SVG 教程

 

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

SVG 使用 XML 格式定义图像。

什么是SVG？

1.指可伸缩矢量图形

2.定义网络的基于矢量图形

3.使用 XML 格式定义图形

4.图像在放大或改变尺寸的情况下其图形质量不会有所损失

5.是万维网联盟的标准

6.与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体

 

SVG Shapes

SVG有一些预定义的形状元素，可被开发者使用和操作：

1.

• 矩形
• 圆形
• 椭圆
• 线
• 折线
• 多边形
• 路径

2.

• x 属性定义矩形的左侧位置（例如，x="0" 定义矩形到浏览器窗口左侧的距离是 0px）
• y 属性定义矩形的顶端位置（例如，y="0" 定义矩形到浏览器窗口顶端的距离是 0px）
• CSS 的 fill-opacity 属性定义填充颜色透明度（合法的范围是：0 - 1）
• CSS 的 stroke-opacity 属性定义轮廓颜色的透明度（合法的范围是：0 - 1）

3.

• rx 和 ry 属性可使矩形产生圆角。ghkk

转载于:https://www.cnblogs.com/xyangjie/p/10903938.html