-
<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
提交
取消