svg自己记得文档

Posted ningxinjie

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了svg自己记得文档相关的知识,希望对你有一定的参考价值。

位图:canvas(由一个个像素构成,放大会失真,容纳颜色多)

矢量图:svg(由数学矢量,放大不会失真,容纳颜色比位图少)

 技术图片

 

 技术图片

技术图片

给父元素设置

Transform-style:preserve-3d

Perspective:800px.

俩个结合用使得3D效果愈发明显

 技术图片

技术图片

 

【坐标和多边形一样也可以通过逗号或者空格来隔开】

 

path标签

d属性下很多:

M:起始坐标点命令

L:后续坐标点的命令

Z:自动绘制path路径收尾闭合

 

H:水平绘制

V:垂直绘制

 

大写是绝对坐标,小写是相对坐标

 

A:绘制弧

 

 技术图片

 

A:X半径,Y半径,角度,弧长(0小弧1大弧),方向(0逆时针1顺时针),终点坐标X,终点坐标Y

                对于圆的话X半径,Y半径就是一样的,即半径

                终点坐标X,终点坐标Y【终点结束的坐标】

 技术图片

技术图片

注意他写在rect和/rect之内

 

以上是关于svg自己记得文档的主要内容,如果未能解决你的问题,请参考以下文章

带有 SVG 文档的 jQuery

如何检查嵌入的 SVG 文档是不是加载到 html 页面中?

SVG 文档是不是支持自定义数据属性?

替换 SVG 文档中的变量(在 YAML 中外部定义)

通过将元素列入白名单来清理 SVG 文档

在 C# 或 C++ 中将 ms word 文档转换为 svg