码迷,mamicode.com
首页 > 其他好文 > 详细

svg自己记得文档

时间:2019-05-18 21:15:07      阅读:148      评论:0      收藏:0      [点我收藏+]

标签:逆时针   像素   弧长   rspec   orm   svg   info   code   spec   

位图: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自己记得文档

标签:逆时针   像素   弧长   rspec   orm   svg   info   code   spec   

原文地址:https://www.cnblogs.com/ningxinjie/p/10886897.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!