-
<ellipse>椭圆 cx,cy:圆心 rx,ry:椭圆宽和高的半径查看全部
-
<circle>圆 cx,cy:圆心的位置 r:半径查看全部
-
<rect>矩形 x,y:左上角的位置 width,height:矩形的宽和高 rx,ry:圆角大小（如只给出了rx/ry其中一个，另外一个都会跟随其中一个）。查看全部
-
svg的基本图形有六种： <rect> 矩形,<circle>圆,<ellipse>椭圆,<line>线,<polygon>多边形,<polyline>折线 曲线：会用<path>标签来绘制。<path>可以绘制任何图形。 基本属性：fill，stroke,stroke-width,transform查看全部
-
SVG四种插入方式： 1. .svg文件直接用浏览器打开 2. 直接把svg的代码嵌入到HTML 元素中 3. 使用img 的src属性引入svg文件，可定义宽高 4. 使用css的背景图src引入svg文件查看全部
-
SVG 的世界、视野、视窗的概念： width, height--控制视窗 SVG 代码--定义世界 viewBox, preserveAspectRatio--控制视野查看全部
-
SVG 命名空间：http://www.w3.org/2000/svg var SVG_NS = "http://www.w3.org/2000/svg"; var shape = document.createElementNS( SVG_NS, 'svg' );查看全部
-
创建图形：document.createElementNS( ns, tagName ) 添加图形：element.appendChild( childElement ) 设置/获取属性：element.setAttribute( name, value )/ element.getAttribute( name )查看全部
-
填充、描边和变换：查看全部
-
多边形 <polygon> ,同样是用 points 来描述各点坐标，除此之外，会自动把最后一个点和第一个点相连，形成一个多边形： points = "x1 y1 x2 y2 x3 y3 x4 y4";查看全部
-
折线：<polyline>，用 points 描述各个点的坐标，依次相连形成一条折线查看全部
-
<ellipse>椭圆：查看全部
-
<rect>中 rx 和 ry 只设置一个值时，默认另一个值与之相等，即默认是等半径的查看全部
-
SVG 定义的基本图形和属性： （1）基本图形 <rect>, <circle>, <ellipse>, <line>, <polyline>, <polygon> （2）基本属性 fill , stroke , stroke-width, transform查看全部
-
弧线命令查看全部
举报
0/150
提交
取消