`

svg标签

    博客分类:
  • Java
 
阅读更多
Property
Trait Getter
[possible return value(s)]
Trait Setter
[allowed value(s)]
Default Values




<svg>, <rect>, <circle>, <ellipse>, <line>, <path>, <g>, <image>, <text>, <a>, and <use>
color
getRGBColorTrait [SVGRGBColor]
setTrait [inherit]
setRGBColorTrait [SVGRGBColor]
rgb(0,0,0)
display
getTrait [inline | none ]
setTrait [inline | none | inherit ] "inline"
fill
getRGBColorTrait [null, SVGRGBColor]
setRGBColorTrait [SVGRGBColor]
setTrait(none | currentColor | inherit)
rgb(0,0,0)
fill-rule
getTrait [nonzero | evenodd]
setTrait [nonzero | evenodd | inherit] "nonzero"
stroke getRGBColorTrait [null, SVGRGBColor] setRGBColorTrait [SVGRGBColor]
setTrait [none | currentColor | inherit] "none"
stroke-dashoffset getFloatTrait setTrait [inherit]
setFloatTrait 0.0f
stroke-linecap getTrait [butt | round | square] setTrait [butt | round | square | inherit] "butt"
stroke-linejoin getTrait [miter | round | bevel ] setTrait [miter | round | bevel | inherit] "miter"
stroke-miterlimit getFloatTrait [ value >= 1] setTrait [inherit]
setFloatTrait [value >= 1] 4.0f
stroke-width getFloatTrait [value >= 0] setTrait [inherit]
setFloatTrait [value >= 0] 1.0f
visibility getTrait [visible | hidden] setTrait [visible | hidden | inherit] "visible"




<svg>, <text>, <g>, <a>, and <use>;
font-family
getTrait [single, computed font-family value]
setTrait [same syntax as font-family attribute]
User-Agent
font-size
getFloatTrait  [value >= 0]
setFloatTrait [value >= 0]
setTrait [inherit]
User-Agent
font-style
getTrait [normal | italic | oblique ] setTrait [normal | italic | oblique | inherit] "normal"
font-weight
getTrait [100 | 200 | 300
| 400 | 500 | 600 | 700 | 800 | 900 ] setTrait [normal | bold | bolder | lighter | 100 | 200 | 300
| 400 | 500 | 600 | 700 | 800 | 900 | inherit] "normal"
text-anchor
getTrait [start | middle | end]
setTrait [start | middle | end | inherit ]
"start"

Attribute
Trait Getter
Trait Setter
Default Values




<rect>, <circle>, <ellipse>, <line>, <path>, <g>, <image>, <text>, <a>, and <use>
transform
getMatrixTrait [SVGMatrix]
setMatrixTrait [SVGMatrix]
Identity matrix
(1,0,0,1,0,0)




<rect>
height
getFloatTrait [ value >= 0]
setFloatTrait [ value >= 0]
REQUIRED
(0.0f)
width
getFloatTrait [ value >= 0] setFloatTrait [ value >= 0] REQUIRED
(0.0f)
x
getFloatTrait
setFloatTrait
0.0f
y
getFloatTrait
setFloatTrait
0.0f
rx
getFloatTrait [value >= 0] setFloatTrait [value >= 0] 0.0f
ry
getFloatTrait [value >= 0]
setFloatTrait [value >= 0]
0.0f




<circle>
cx
getFloatTrait
setFloatTrait
0.0f
cy
getFloatTrait
setFloatTrait
0.0f
r
getFloatTrait [ value >= 0]
setFloatTrait [value >= 0]
REQUIRED
(0.0f)




<ellipse>
cx
getFloatTrait
setFloatTrait
0.0f
cy
getFloatTrait
setFloatTrait
0.0f
rx
getFloatTrait [value >= 0]
setFloatTrait [value >= 0]
REQUIRED
(0.0f)
ry
getFloatTrait [value >= 0]
setFloatTrait [value >= 0]
REQUIRED
(0.0f)




<line>
x1
getFloatTrait
setFloatTrait
0.0f
x2
getFloatTrait
setFloatTrait
0.0f
y1
getFloatTrait
setFloatTrait
0.0f
y2
getFloatTrait
setFloatTrait
0.0f




<path> (path-length is not supported)
d
getPathTrait [SVGPath]
setPathTrait [SVGPath]
REQUIRED
(Empty SVGPath)




<image>
x
getFloatTrait
setFloatTrait
0.0f
y
getFloatTrait
setFloatTrait
0.0f
width
getFloatTrait [value >= 0]
setFloatTrait [value >= 0]
REQUIRED
(0.0f)
height
getFloatTrait [value >= 0]
setFloatTrait [value >= 0]
REQUIRED
(0.0f)
xlink:href
getTrait NS[absolute URI]
setTraitNS [non local-URI value]
REQUIRED
( "" )




<use>
x
getFloatTrait
setFloatTrait
0.0f
y
getFloatTrait
setFloatTrait
0.0f
xlink:href
getTraitNS[absolute URI]
setTraitNS
""




<a>
target
getTrait
setTrait
""
xlink:href
getTraitNS[absolute URI]
setTraitNS
""




<text>
(Notes: For 'x' and 'y', it is only possible to provide floating point scalar values; an array of x or y values is not supported.
'rotate' attribute is not supported.)
x
getFloatTrait
setFloatTrait
0.0f
y
getFloatTrait
setFloatTrait
0.0f
#text
getTrait [not null]
setTrait [not null]
""




<svg>
version
getTrait
Not available (readonly)
"1.1"
baseProfile
getTrait
Not available (readonly)
"tiny"
viewBox
getRectTrait [null, SVGRect]
setRectTrait [SVGRect]
null
zoomAndPan
getTrait [disable | magnify]
setTrait [disable | magnify]
"magnify"
分享到:
评论

相关推荐

    .net 将SVG标签代码转成图片格式

    本文将详细介绍如何在VS2012中使用.NET框架和SVG.dll库将SVG标签代码转换为PNG图片。 首先,你需要安装一个名为SVG.NET的库,这是一个用于.NET平台的SVG解析器和渲染引擎。在本例中,我们已经有了`Svg.dll`,这意味...

    Python图片处理:svg标签转png

    Python图片处理:svg标签转png

    通过SVG标签绘制矩形、圆、椭圆、线段、多条线、多边形

    通过SVG标签绘制矩形、圆、椭圆、线段、多条线、多边形

    svgMap:svgMap由javascipt开发,带有html的svg标签,它非常轻便

    svgMap由javascipt开发,带有html的svg标签,它非常轻巧。 您可以轻松扩展它。 如果您不想选择第三方地图库来开发自定义地图(包括隧道,校园,工厂等),则svgMap是您的另一选择。 例子 您将在example.html中看到...

    svg添加不同效果的提示信息

    SVG(Scalable Vector Graphics)是一种基于XML的矢量图像格式,它允许开发者创建出清晰、可放大而不失真的图形。在SVG图像中添加提示信息,通常是为了提供额外的交互性和用户反馈,使得图形更加易懂。这涉及到SVG的...

    vue动态渲染svg、添加点击事件的实现

    当我们在Vue项目中需要动态渲染SVG以及为SVG图形添加交互功能时,如点击事件,我们需要了解如何结合这两个技术。接下来,我们将详细介绍Vue动态渲染SVG以及为SVG添加点击事件的实现过程。 ### Vue动态渲染SVG 在...

    Emacs的次要模式,用漂亮的SVG标签替换关键字-Linux开发

    SVG标签次要模式(Emacs)一种小的次要模式,用于用SVG舍入框标签替换关键字或正则表达式。 有关示例用法,请参见example.el。 安装(quelpa'((svg-tag-mode:repo“ rougier / svg-tag-mode”:fetcher github:...

    svg-tag-names:已知SVG标签名称的列表

    已知SVG标签名称的列表。 包括 , 和的元素。 存储库包含一个脚本,可用来爬网规范以包括新引入的名称。 安装 该软件包仅适用于ESM:需要使用Node 12+才能使用它,并且必须将其import而不是require d。 : npm ...

    svg-tag-mode:Emacs的次要模式,用漂亮的SVG标签替换关键字

    这个模式的独特之处在于,它会将文本中的SVG标签替换为色彩鲜艳、易于辨识的SVG图像,从而使得代码更加直观和美观。 SVG是一种基于XML的矢量图像格式,它可以无损地缩放而不失真,广泛用于网页和软件开发中。在...

    HTML5 SVG表单浮动标签特效.zip

    在这个特效中,SVG被用来创建动态的标签动画,这些标签在用户聚焦或离开输入字段时,会像浮标一样上下移动,提供直观的视觉反馈。 CSS3在此特效中扮演了关键角色,它负责定义元素的样式、动画和过渡效果。例如,...

    google canvg.js下载-svg转canvas然后可以生成图片

    首先需要获取svg标签以及内容: var svgHtml = svgContainer.innerHTML(); 将svg转成canvas需要用到google的一个插件canvg 接下来就是调用该插件的canvg(canvasId,svgHtml)方法来转成canvas,这个方法第一个参数...

    大神级SVG_demo

    - **外部引用**:通过`&lt;object&gt;`或`&lt;img&gt;`标签引用SVG文件。 通过"大神级SVG_demo"这个示例,你可以深入理解SVG的用法,掌握创建动态、交互式矢量图形的技术,提升Web开发中的视觉呈现能力。实践中不断探索,你会...

    svg图在各种浏览器中显示

    一种常见的方法是使用`html5shiv`库,它通过JavaScript模拟HTML5元素,使IE6-8能够识别SVG标签。另一种方法是使用`ExplorerCanvas`,它基于Google的`G_vmlCanvasManager`,将SVG渲染为VML。 **Struts2整合SVG** `...

    hydra-svg-js:使用您喜欢的库中的图标来水化SVG标签

    **Hydra-Svg-Js:将SVG标签与你喜欢的库集成** Hydra-Svg-Js 是一个JavaScript库,它的核心功能是允许开发者使用他们已经熟悉和喜爱的图标库来水化SVG标签。这个库旨在简化前端开发过程,尤其是在处理SVG图标时,它...

    svg-to-json:将SVG字符串转换为JSON

    它是所有SVG标签的数组。 var svg_json = new SVGToJSON ( svg ) ;svg_json = { json : [ ... ] } ## Object.json [I]中的每个标签Object.json有四个值。 var first_tag = svg_json . json [ 0 ] ;first_tag = { ...

    HTML5 SVG可变颜色动画标签栏.zip

    文件“jiaoben8829”可能是示例代码或教程,包含了如何创建这样一个可变颜色的SVG标签栏的详细步骤。为了深入了解并应用这些技术,你需要解压文件,查看源代码,理解其中的逻辑,并可能需要对HTML5、CSS3和...

    svg入门pdf文档

    - **HTML中嵌入**:可以在HTML页面中使用`&lt;img&gt;`标签或直接使用SVG标签来嵌入SVG图形。 - **CSS背景**:SVG也可以用作CSS的背景图片。 #### 二、基本图形和属性 - **基本图形**: - `&lt;rect&gt;`:矩形 - `&lt;circle&gt;...

    SVG图画基于HTML5

    在实际开发中,我们还需要了解一些关键的SVG标签和属性,例如`&lt;rect&gt;`(矩形)、`&lt;circle&gt;`(圆形)、`&lt;path&gt;`(自定义形状)、`stroke`(描边)、`fill`(填充)、`transform`(变换)等。通过熟练掌握这些基础,...

    将页面中的svg保存为png图片,方便实用的插件 saveSvgAsPng.js

    将页面中的svg保存为png图片,方便实用的插件

Global site tag (gtag.js) - Google Analytics