非常教程

SVG参考手册

属性 | Attributes

local

用法说明

分类

呈现属性

local =“<str>”

动画

没有

规范性文件

SVG 1.1(第二版)

local =“<string>”本地存储的颜色配置文件的唯一ID。<string>是International Color Consortium指定的配置文件的唯一ID 。

如果同时指定了xlink:href本地属性,则用户代理必须首先在本地系统中搜索本地存储的颜色配置文件,如果本地不可用,则尝试使用由xlink:href属性标识的资源。

SVG颜色是对SVG语言的基本配置文件的补充。用户代理因此符合至少一个基本配置文件。

<color>

Example:

    <circle fill="rgb(205,133,63)"/>
    <circle fill="peru"/>
    <circle fill="rgb(80.392%, 52.157%, 24.706%)"/>
    <circle fill="#CD853F"/>

三位十六进制 - #rgbEach十六进制数字,范围为0到F,表示一个sRGB颜色分量,顺序为红色,绿色和蓝色。

数字A到F可以是大写或小写。颜色分量的值是通过复制数字获得的,所以0变成00,1变成11,F变成FF。

这种简洁的语法形式只能代表4096种颜色。示例:#000(即黑色)#fff(即白色)#6CF(即#66CCFFrgb(102,204,255 ))。

六位十六进制 - #rrggbb每对十六进制数字,范围为0到F,表示一个sRGB颜色分量,顺序为红色,绿色和蓝色。

数字A到F可以是大写或小写。

这种最初由HTML引入的语法形式可以表示16777216种颜色。示例:#9400D3(即暗紫色),#FFD700(即金黄色)。

Integer函数 - rgb(rrr,ggg,bbb)每个整数表示一个sRGB颜色分量,按红色,绿色和蓝色的顺序排列,逗号和可选的空格。每个整数都在

范围0到255.

此语法形式可以表示16777216种颜色。例如:rgb(233,150,122)(即鲑鱼粉色),rgb(255,165,0)(即橙色)。

浮点函数 - rgb(R%,G%,B%)每个百分比值表示一个sRGB颜色分量,以红色,绿色和蓝色的顺序排列,用逗号和空格分隔。对于sRGB色域内的颜色,每个组件的范围为0.0%至100.0%,可以提供任意数量的小数位数。科学记数法是不被支持的。

这种语法形式可以表示任意范围的颜色,完全覆盖sRGB色域。一个或多个分量低于0.0%或高于100.0%的颜色值表示sRGB色域之外的颜色。例如:rgb(12.375%,34.286%,28.97%)

ICC颜色

例子

    <color-profile name="acmecmyk" xlink:href="http://printers.example.com/acmecorp/model1234"/>
    <circle fill="#CD853F icc-color(acmecmyk, 0.11, 0.48, 0.83, 0.00)"/>

LAB颜色

语法

<fallback>cielab(<Lightness>, <a> <b>)

<fallback>cielchab(<Lightness> <Chroma>, <Hue>)

例子

    <circle fill="#CD853F cielab(62.253188, 23.950124, 48.410653)"/>
    <circle fill="#CD853F cielch(62.253188, 54.011108, 63.677091)"/>

ICC指定颜色

<fallback> icc-named-color(<name>, <namedColor>)

例子

      <color-profile name="FooColors" xlink:href="http://swatches.example.com/Foo"/>
      <circle fill="#CD853F icc-color(FooColors, Sandy23C"/>

属性 | Attributes相关

1.accent-height(焦点高度)
2.accumulate(积累)
3.additive
4.alignment-baseline(对齐基线)
5.ascent
6.attributename(属性名字)
7.Attributes(属性)
8.attributetype(属性类型)
9.azimuth(方位)
10.basefrequency
11.baseline-shift(基线漂移)
12.baseprofile
13.begin(开始)
14.bias(偏压)
15.calcmode
16.class
17.clip(剪辑)
18.clip-path(剪辑路径)
19.clip-rule(剪辑规则)
20.clippathunits
21.color(颜色)
22.color-interpolation(彩色插值)
23.color-interpolation-filters(色彩插值滤波器)
24.color-profile(彩色轮廓)
25.color-rendering(显色)
26.contentscripttype
27.contentstyletype
28.cursor(光标)
29.cx
30.cy
31.d
32.diffuseconstant
33.direction(方向)
34.display(显示)
35.divisor
36.dominant-baseline(显性基线)
37.dur
38.dx
39.dy
40.edgemode
41.elevation
42.end
43.externalresourcesrequired
44.fill
45.fill-opacity
46.fill-rule
47.filter
48.filterres
49.filterunits
50.flood-color
51.flood-opacity
52.font-family
53.font-size
54.font-size-adjust
55.font-stretch
56.font-style
57.font-variant
58.font-weight
59.fr
60.from
61.fx
62.fy
63.gradienttransform
64.gradientunits
65.height
66.href
67.image-rendering
68.in
69.in2
70.k1
71.k2
72.k3
73.k4
74.kernelmatrix
75.kernelunitlength
76.kerning
77.keysplines
78.keytimes
79.lengthadjust
80.letter-spacing
81.lighting-color
82.limitingconeangle
83.marker-end
84.marker-mid
85.marker-start
86.markerheight
87.markerunits
88.markerwidth
89.mask
90.maskcontentunits
91.maskunits
92.max
93.min
94.mode
95.numoctaves
96.opacity
97.operator
98.order
99.overflow
100.overline-position
SVG

可缩放矢量图形是基于可扩展标记语言(标准通用标记语言的子集),用于描述二维矢量图形的一种图形格式。它由万维网联盟制定,是一个开放标准。