适合0基础的web开发系列教程-svg绘图

SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用于定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失 SVG 是万维网联盟的标准 Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 支持内联SVG。

在 HTML5 中，您能够将 SVG 元素直接嵌入 HTML 页面中：

<!DOCTYPE html>
<html>
<body>
 
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="190">
  <polygon points="100,10 40,180 190,60 10,60 160,180"
  style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;">
</svg>
 
</body>
</html>

 svg和canvas的区别： 

 

posted @ 2019-01-03 14:05  夜鹰教程网  阅读(198)  评论(0)  编辑  收藏  举报

夜鹰教程网承接网站开发\各类业务系统开发
微信小程序开发\WEBAPP开发\安卓和IOS原生开发等