-
基本操作API查看全部
-
W3C標準 HTTP：//www.w3.org/TR/SVG11/ 瀏覽器支持情況（HTTP://caniuse.com/#cats=SVG）查看全部
-
用戶坐標系（世界坐標系）User Coordinate ：SVG所在的坐標系 自身坐標系 Current Coordinate ：圖形元素或分組獨立坐標系 前驅坐標系 Previous Coordinate ：父容器坐標系 參考坐標系 Reference Coordinate ：自身坐標系所參考的其他坐標系（例如：對齊）查看全部
-
SVG使用方式 1直接用瀏覽器打開 2在HTML中用<img>標簽引用 3直接HTML中使用SVG標簽 4作css背景查看全部
-
<svg width="400" height="300" viewBox="0,0,40,30" preserveAspectRatio="xMinYMin meet"></svg> 視窗：SVG 無限大 視野：viewBox 觀察區域 preserveAspectRatio meet: 讓viewBox等比例的同時，viewBox完全在SVG中顯示。viewBox大于SVG，等比例縮放。 slice: 保持viewBox比例，視野包含視窗，盡量填滿SVG。viewBox大于SVG，不縮放，按SVG大小剪切。 none: 不關心比例，viewBox直接拉伸到最大填滿viewport. 對齊方式：xMinYMin xMinYMid xMinYMax xMidYMin xMidYMid xMidYMax xMaxYMin xMaxYMid xMaxYMax查看全部
-
矢量圖和位圖查看全部
-
path概述-命令基本規律： 區分大小寫：大寫表示坐標參數為絕對位置，小寫則為相對位置 最后的參數表示最終要到達的位置 上一個命令結束的位置就是下一個命令開始的位置 命令可以充分參數表示重復執行同一條命令查看全部
-
在SVG中應用顏色： <rect fill="rgb(255,0,0)" opacity="0.5" /> <rect stroke="hsla(0,50%,60%,0.5)" />查看全部
-
<g>標簽來創建分組 transform屬性定義坐標變換查看全部
-
基本操作API： 創建圖形：document.createElementNS(ns,tagName) 添加圖形：element.appendChild(childElement) 設置屬性：element.setAttribute(name,value) 獲取屬性：element.getAttribute(name)查看全部
-
基本圖形：<rect>、<circle>、<ellipse>、<line>、<polyline>、<polygon> 矩形：<rect>：x、y、width、height、rx、ry 圓形：<circle>：cx、cy、r 橢圓：<ellipse>：cx、cy、rx、ry 直線：<line>：x1、y1、x2、y2 三折線：<polyline>：(xi,yi)+ 四折線：<polyline>：(xi,yi)+ 基本屬性：fill（填充顏色）、stroke（描邊顏色）、stroke-width（描邊寬度）、transform（變換旋轉度數） 如：fill=#FFB3AE stroke=#971817 strokeWidth=10 transform="rotate(30)"查看全部
-
SVG 4種使用方式查看全部
-
rect矩形 circle圓形 ellipse橢圓 line直線 polyline折線 polygon 多邊形查看全部
-
顏色(Hue)、亮度(Lightness%)、飽和度(Saturation%) 透明度(Opacity) rgba(r,g,b,a) hsla(h,s,l,a) http://paletton.com查看全部
-
圓弧命令查看全部
舉報
0/150
提交
取消