亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 擴展 > SVG > 正文

SVG主要元素和屬性

2024-09-06 19:57:08
字體:
來源:轉載
供稿:網友
<desc></desc> 注釋<!-- -->

<defs></defs> 預定義 待引用 <element id="name"> 引用屬性:url(#name)

<use xlink:href></use> 引用元素

<symbol> 模版

<image width height> width height不能省

屬性 xml:space="default|preserve" 英文空格

屬性 externalResourceRequired="false|true" 必需外部資源與否 若為true 找不到外部資源 不支持

<switch><>選擇 平臺

<rect x y width height rx ry> rx ry橢圓半徑
圓角矩形的圓角過渡部分是一段四分之一的橢圓弧, 分別代表其半
長軸和半短軸。當只指明了“rx”或“ry”其中的一個時,另一個缺省值與這個相等。如果都不指定,則缺省值為o,此時
矩形的4個角為直角。如果“rx”的值大于矩形寬度的一半,則作為一半處理。

<circle cx cy r >

<ellipse cx cy rx ry>

<line x1 y1 x2 y2>

<polyline points="x0,y0 x1,y1 ......"> 折線

<polygon points="x0,y0 x1,y1 ......"> 多邊形

<path d="M|L|C|S|Q|T|A|Z" length=>
(])所有的繪圖指令都只用一個字母來表示。
(2)坐標數據和指令之間的空格可以省略,但坐標致據之間的空格顯然不能省略。
(3)問一行中出現問一條命令多次連續重復使用的情況時,命令名可以只使用第一個,
后面的省略,不過用于數據分網的空格同樣不能少。
(4)命令名是大寫字母時代表后面所跟的數據值是絕對坐標,小寫字母代表相對坐標。
(5)當繪制水平或垂直線段時,可以使用H和V命令代替L。使用H或h時,后面只需要加一個代表x坐標的參數,Y坐標映省與當前點相同。同樣,使用v或v時,后面也只需要加一個代表Y坐標的參數。如果這兩個命令字母后面跟了多個數值,則每一個數值被認為是一次單獨的繪制線條的命令,而不像L和1命令那樣把每兩個數值結合起來作為一個點的一對坐標值來加以處理。
(6)一對坐標值的XY坐標之間可以用空格或逗號隔開,但坐標對與坐標對之間只能
用空格作為分隔符。
(7)路徑閉合命令雖然也有Z和z:兩種形式,可效果是一樣的,使用時沒有區別。本命令不帶參數,功能也比較簡單,直接從當前點繪制一條直線到本條子路徑的起點。
(8)s和s命令是繪制“光滑”三次貝塞爾曲線的命令。一條復雜的曲線由多個曲線弧段
所構成,弧段與弧段之間要光滑銜接,各個弧段的控制點必須滿足一定條件。首先,這一
段曲線弧的起點必須是前一段曲線弧的終點,否則連不上;其次,這一段曲線弧的第一控
制點必須與前一段曲線弧的第二控制點呈對稱關系,對稱中心是這段曲線弧的起點,只有
這樣才能保證曲線銜接處的光滑。S和s命令的語法是“S X2 y2 destx desty”,省略了光滑曲線弧所隱含的第一個控制點
的坐標。命令執行完后,當前點坐標同樣停留在最后繪制的一段曲線弧的終點上。

橢圓弧曲線命令用A或a來表示。其語法比較復雜,是"A rx ry x-axis-rotation large-arc-flag sweep-flag x y" "x-axis-rotation"是此段弧所在的橢圓的X軸與水平方向的夾角,也即x軸的旋轉角度;large-arc-flag、sweep-flag決定了橢圓弧的繪制方向,值是0或1;(x,y)是橢圓弧終點坐標。至于圓心坐標則是自動計算出來的。

viewBox屬性 not viewbox 缺省單位度量

transform屬性 ="translate|rotate|skewX|skewY|scale|matrix(a b c d e f)"

preserveAspectRatio屬性

<text x y textLength lengthAdjust>

<tspan x y dx dy rotate>從屬于<text>
<svg>
<text style="fill:#000000;font-family:Arial;font-weight:bold;font-size:40;">
<tspan x="50" y="60,70,80,80,75,60,80,70">COMMUNICATION</tspan>
<tspan x="50" y="150" dx="0,15" dy="10,10,10,-10,-10,-10,10,10,-10">COMMUNICATION</tspan>
<tspan x="50" y="230" rotate="10,20,30,40,50,60,70,80,90,90,90,90,90">COMMUNICATION</tspan>
</text>
</svg>

<tref xlink:href="#">引用<defs>中的<text>

<glyphRun>

<altGlyph xlink:href="#id">

<altGlyphDef id="">

<glyphRef xlink:href= glyphRef=>

<textPath startOffset= method="align|stretch" spacing="exact|auto" xlink:href="">注意嵌套的<tspan>對后面的走向有疊加作用

fill-rule屬性 fill-rule="nonezero|evenodd"

fill-opacity屬性 fill-opacity="1|0~1"

stroke-opacity 屬性

stroke-linecap=butt|round|square

stroke-linejoin=miter|round|bevel|

stroke-dasharray="length spacing"

stroke-dashoffset="0|" 表示描邊時使用描邊模板(如線型、漸變色彩等)的起始偏移量,缺省值是0,即從頭開始。

<maker makerWidth makerHeight makerUnits refX refY orient>

marker-start:url(#) marker-mid:url(#) marker-end:url(#)

color-interpolation="auto|sRGB|linearRGB"

color-rendering="auto|optimizeSpeed|optimizeQuality"

shape-rendering="auto|optimizeSpeed|crispEdges|geometricPrecision"

text-rendering="auto|optimizeSpeed|optimizeLegibility|geometricPrecision"

image-rendering="auto|optimizeSpeed|optimizeQuality"

<a xlink:href= xlink:type="simple" xlink:show="new|replace" xlink:title xlink:actuate="onRequest" target="_top|_self">

<?xml-stylesheet href=".css" type="text/css"?>

<style type="text/css|text/xsl" media="screen|print"><!CDATA[]> </style>

<linearGradient id x1 y1 x2 y2 gradientUnits="objectBoundingBox|userSpaceOnUse" spreadMethod="pad|reflect|repeat" xlink:href="" gradientTransform=""> 事實證明缺省時即gradientUnits="objectBoundingBox"時x 1 y1 等屬性不起作用

<radialGradient id cx cy r fx fy gradientUnits="objectBoundingBox|userSpaceOnUse" spreadMethod="pad|reflect|repeat" xlink:href="" gradientTransform=""> cx cy是形狀圓心 fx fy是色彩中心

<stop offset="<length>" stop-color="" stop-opacity="" >

<pattern id x y width height patternUnits="objectBoundingBox|userSpaceOnUse" viewBox="" patternTransform xlink:href="" patternTransform="">

overflow="visible|hidden|scroll|auto"

clip="rect(x1 y1 x2 y2)|auto"

<clipPath id clipPathUnits="objectBoundingBox|userSpaceOnUse" clip-Path="url" clip-rule="nonezero|evenodd">還可以使用文字作為剪裁路徑,此時的“c加·mle”參數大多數情況都應該設置為“evenodd”,因為文字的輪廓通常都是交叉的。

<mask id maskUnits="objectBoundingBox|userSpaceOnUse" x= y= width height mask="url()">

opacity= 具有繼承性和迭加性
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
爱福利视频一区| 亚洲黄页视频免费观看| 91av视频在线免费观看| 国产在线播放91| 亚洲最大成人网色| 久久亚洲欧美日韩精品专区| 国产精品∨欧美精品v日韩精品| 热门国产精品亚洲第一区在线| 久久免费成人精品视频| 一区二区三区高清国产| 国产精品老女人精品视频| 久久999免费视频| 亚洲第一精品久久忘忧草社区| 国产一区二区丝袜高跟鞋图片| 中文字幕日韩在线视频| 国产日韩欧美中文在线播放| 欧美肥老妇视频| 国产精品主播视频| 色偷偷综合社区| 成人激情综合网| 亚洲精品白浆高清久久久久久| 国产精品午夜国产小视频| 91久久久久久久| 国产精品欧美亚洲777777| 亚洲国产精品电影在线观看| 国产精品久久久久一区二区| 久久久久亚洲精品国产| 国产成人亚洲综合91| 日韩av网站导航| 91精品国产色综合久久不卡98口| 国产美女主播一区| 亚洲精品二三区| 亚洲黄色av女优在线观看| 中文字幕一区二区三区电影| 91精品视频免费观看| 日韩视频中文字幕| 国产97在线观看| 欧美天堂在线观看| 亚洲精选一区二区| 国产精品成人久久久久| 国产女人精品视频| 欧美猛交ⅹxxx乱大交视频| 欧美大片免费观看在线观看网站推荐| 国产精品亚洲第一区| 亚洲欧洲偷拍精品| 国产成人av网| 狠狠久久亚洲欧美专区| 自拍偷拍亚洲精品| 亚洲国产精品久久久| 久久久伊人欧美| 国产亚洲激情视频在线| 国产精品成人播放| 成人羞羞国产免费| 国产精品美女久久久免费| 欧美激情精品久久久久久变态| 亚洲精品一区二区网址| 92看片淫黄大片欧美看国产片| 亚洲国产欧美日韩精品| 中文字幕在线看视频国产欧美| 欧美综合国产精品久久丁香| 欧美精品在线免费| 日韩欧美亚洲一二三区| 欧美日韩在线视频一区| 亚洲精品国产精品久久清纯直播| 久久亚洲精品一区| 亚洲第一天堂无码专区| 国产美女精彩久久| 欧美成年人在线观看| 久久综合久久八八| 91美女片黄在线观看游戏| 亚洲免费人成在线视频观看| 2019国产精品自在线拍国产不卡| 亚洲视频免费一区| 亚洲精品v欧美精品v日韩精品| 免费av在线一区| 一区二区三区 在线观看视| 久久久av免费| 成人免费看片视频| 国产视频自拍一区| 亚洲精品欧美极品| 亚洲精品成a人在线观看| 九九热最新视频//这里只有精品| 亚洲免费视频一区二区| 欧美激情综合亚洲一二区| 亚洲日本欧美中文幕| 欧美国产日本高清在线| 久久久精品亚洲| 九九九久久久久久| 亚洲第一级黄色片| 国产午夜精品视频免费不卡69堂| 国内精品一区二区三区| 欧美最顶级丰满的aⅴ艳星| 精品久久香蕉国产线看观看亚洲| 欧美床上激情在线观看| 精品国产一区二区在线| 91精品一区二区| 欧美日韩亚洲高清| 中文字幕一区二区三区电影| 亚洲国产日韩欧美在线动漫| 亚洲伊人成综合成人网| 91在线观看免费观看| 日韩精品欧美国产精品忘忧草| 欧美电影免费观看网站| 亚洲国产精品成人va在线观看| 国产97在线|亚洲| 在线亚洲欧美视频| 日韩av黄色在线观看| 亚洲一二三在线| 亚洲综合色av| 国产91精品网站| 国产精品久久国产精品99gif| 欧美性猛交xxxx黑人猛交| 国产精品久久久久aaaa九色| 日韩在线资源网| 精品视频在线播放免| 亚洲自拍偷拍视频| 欧美二区在线播放| 97视频在线观看亚洲| 亚洲午夜女主播在线直播| 久久躁狠狠躁夜夜爽| 国产精品丝袜白浆摸在线| 视频一区视频二区国产精品| 久久久精品国产| 粉嫩av一区二区三区免费野| 国产精品私拍pans大尺度在线| 成人h视频在线观看播放| 日韩免费在线视频| 97在线视频免费观看| 欧美高清视频免费观看| 亚洲一区二区三| 成人综合国产精品| 成人精品一区二区三区| 亚洲女同性videos| 亚洲人成在线观看网站高清| 久久久中精品2020中文| 国产精品久久久久久久午夜| 日韩精品极品视频免费观看| 国产一区二区三区高清在线观看| 欧美日韩国产成人高清视频| 亚洲一区二区三区四区视频| 国产欧美精品一区二区三区-老狼| 91久久国产综合久久91精品网站| 一区二区三区精品99久久| 亚洲视频免费一区| 日韩av网站在线| 川上优av一区二区线观看| 国产精品日韩久久久久| 国产精品成熟老女人| 色狠狠久久aa北条麻妃| 成人免费黄色网| 久久影视电视剧免费网站清宫辞电视| 欧美性生交大片免网| 911国产网站尤物在线观看| 日韩欧美中文在线| 91精品国产91久久久久| 日韩电影大全免费观看2023年上| 久久久亚洲成人| 国产精品国产福利国产秒拍| 亚洲影视九九影院在线观看| 日韩av在线天堂网| 久久久国产在线视频| 亚洲第一网站免费视频| 国产精品无码专区在线观看| 国产91精品在线播放|