SVG syntax Tag Properties

Source: Internet
Author: User
Tags arrays polyline
1. SVG element module
Animation.module Animate Animatecolor animatetransform animatemotion set MPath
Trim module Clippath
Color Profile Module Color-profile
Conditional processing Module Switch
Cursor Module Cursor
Extensibility Modules Foreignobject
Filter module Filter Feflood Fecolormatrix fecomponenttransfer fecomposite feconvolvematrix fediffuselighting feDisplacementMap Feflood fegaussianblur feimage femerge femergenode femorphology feoffset fespecularlighting feTile feTurbulence Fedistantlight fepointlight fespotlight fefuncr FEFUNCG FEFUNCB Fefunca
Font.module Fontfont-face Glyph missing-glyph hkern vkern font-face-src font-face-uri font-face-format font-face-name Definition-src
Gradient Module Lineargradientradialgradientstop
Hyperlink.module A
Image module Image
Tag Module Marker
Mask Module Mask
Array module Pattern
Script Module Script
Styling module Path rect Circle Line polyline Polygon Ellipse
Structural modules SVG g defs DESC title metadata symbol use
Style module Style
Text module Text Tspan tref textpath altglyph altglyphdef altglyphitem glyphref
View Module View

Elements of the 2.SVG interpretation
2.1 Hyperlink Module
Elements Property Describe
A Core.attrib, Conditional.attrib, Style.attrib, transform, Target, Graphicalevents.attrib, Presentation.attrib, External.attrib, Xlinkreplace.attrib Joins a group of elements to link attributes (local or non-local URIs). The link is inactive during the visualization, but the link is saved each time you convert to CGM.
2.2 Image Module
Elements Property Content model
Image Core.attrib, Xlinkembed.attrib, Conditional.attrib, Style.attrib, External.attrib, Graphicalevents.attrib, Preserveaspectratio, Paint.attrib, Opacity.attrib, Graphics.attrib, Cursor.attrib, Filter.attrib, Mask.attrib, Graphicalevents.attrib, Clip.attrib, Profile.attrib, Viewport.attrib, transform, x, y, width, height Describes vector images or bitmap images that are defined by external file links (relative paths or absolute paths) or by Base64 encoding (in this case, a format that can be read: BMP, JPEG, TIFF, or PNG).
External image links are supported, but vector image links are not supported.
2.3 Tag Module
Elements Property Content model
Marker Core.attrib, External.attrib, Style.attrib,presentation.attrib, Viewbox,preserveaspectratio,refx, refY,markerUnits , Markerwidth, Markerheight,
Orient
Defines a set of entities that are reused as tokens through the Tag property.
Regardless of the Markerunits property, it is considered to be the same as the property userspaceonuse.
The Orient attribute is not considered, and the tag is not oriented according to the path segment. Always do not orient when applying tags.
2.4 Array Module
Elements Property Content model
Pattern Core.attrib, Xlink.attrib, Conditional.attrib, External.attrib, Style.attrib, Presentation.attrib, ViewBox, Preserveaspectratio, Patterntransform, x, y, width, height, patternunits Defines a set of entities that are heavily used to fill or draw a shape.
Regardless of the Patternunits property, it is considered to be the same as the property userspaceonuse.
Only the arrays defined with the bitmap array are interpreted. arrays defined with a vector element set are not recognized.
Therefore, the child of the array element should be the <image> type. This allows you to read the engineering drawing document that contains the fill texture.
2.5 Styling Module
Elements Property Content model
Path Core.attrib, Conditional.attrib, External.attrib, Style.attrib, transform, D, Pathlength, Graphicalevents.attrib, Paint.attrib, Opacity.attrib, Graphics.attrib, Cursor.attrib, Filter.attrib, Mask.attrib, GraphicalEvents.attrib, Clip.attrib, Marker.attrib Defines the contour of the shape. It consists of an arc, an elliptical arc, a straight line, a three-time Bezier curve, and a two-time Bezier curve. This profile can be either closed or open.
Rect Core.attrib, Conditional.attrib, Style.attrib, Graphicalevents.attrib, Paint.attrib, Opacity.attrib, Graphics.attrib , Cursor.attrib, Filter.attrib, Mask.attrib, Graphicalevents.attrib, Clip.attrib, x, y, width, height, rx,ry,transform Defines a rectangle.
The fillet is not interpreted.
Circle Core.attrib, Conditional.attrib, Style.attrib, Graphicalevents.attrib, Paint.attrib, Opacity.attrib, Graphics.attrib , Cursor.attrib, Filter.attrib, Mask.attrib, Graphicalevents.attrib, Clip.attrib, CX, CY, R, transform Defines a circle.
Line Core.attrib, Conditional.attrib, Style.attrib, Graphicalevents.attrib, Paint.attrib, Opacity.attrib, Graphics.attrib , Cursor.attrib, Filter.attrib, Mask.attrib, Graphicalevents.attrib, Clip.attrib, x1, y1, x2, y2, transform Defines a line.
Ellipse Core.attrib, Conditional.attrib, Style.attrib, Graphicalevents.attrib, Paint.attrib, Opacity.attrib, Graphics.attrib , Cursor.attrib, Filter.attrib, Mask.attrib, Graphicalevents.attrib, Clip.attrib, CX, CY, Rx, Ry, transform Defines an ellipse.
Polyline Core.attrib, Conditional.attrib, Style.attrib, Graphicalevents.attrib, Paint.attrib, Opacity.attrib, Graphics.attrib , Cursor.attrib, Filter.attrib, Mask.attrib, Graphicalevents.attrib, Clip.attrib, points, transform Defines a polyline.
If the polyline is in open mode, only the outline is drawn and the polyline is not filled.
Polygon Core.attrib, Conditional.attrib, Style.attrib, Graphicalevents.attrib, Paint.attrib, Opacity.attrib, Graphics.attrib , Cursor.attrib, Filter.attrib, Mask.attrib, Graphicalevents.attrib, Clip.attrib, points, transform Defining polygons
2.6 Structural Modules
Elements Property Content model
Svg Core.attrib, Conditional.attrib, Style.attrib, x, y, width, height, viewBox, Preserveaspectratio, Zoomandpan, version, BA Seprofile, Contentscripttype, Contentstyletype, External.attrib, Presentation.attrib, GraphicalEvents.attrib, Documentevents.attrib Group SVG images.
G Core.attrib, Conditional.attrib, Style.attrib, External.attrib, Presentation.attrib, GraphicalEvents.attrib, Transform Group One or more elements that have the same property together.
Defs Core.attrib, Conditional.attrib, Style.attrib, External.attrib, Presentation.attrib, GraphicalEvents.attrib, Transform Defines the group of elements to be reused. Its children are therefore reference elements.
Desc Core.attrib, Style.attrib Describes the element.
Title Core.attrib, Style.attrib Indicates the caption of the element.
Symbol Core.attrib, Style.attrib, External.attrib, ViewBox, Preserveaspectratio, Presentation.attrib, Graphicselementeventattrs Defines a set of elements to reuse.
Use Core.attrib, Style.attrib, Conditional.attrib, Transform,x, y, width, height, xlinkembed.attrib, Presentation.attrib, Graphicselementeventattrs Refer to a set of pre-defined elements to display it.
2.7 Text Modules
Elements Property Content model
Text Core.attrib, Conditional.attrib, External.attrib, Style.attrib, transform, X, Y, Dx,dy,rotate, Textlength,lengthadjust , Graphicalevents.attrib,paint.attrib, Font.attrib, Opacity.attrib, Graphics.attrib, Cursor.attrib, Filter.attrib, Mask.attrib, Graphicalevents.attrib, Clip.attrib, Textcontent.attrib, Text.attrib Defines the text. The text color is the color defined by the stroke color, and the fill color is used if the stroke color is not explicitly defined.

Third, SVG module properties
3.1 Animated Property Set
Collection name Collection Properties
Animation.attrib Xlink.attrib
Animationattribute.attrib AttributeName, AttributeType
Animationtiming.attrib Begin, Dur, end, Min, Max, restart, repeatcount, Repeatdur, fill
Animationvalue.attrib Calcmode, values, Keytimes, Keysplines, from, to, by
Animationaddtion.attrib Additive, accumulate
3.2 Animation Event Properties Module
Collection name Collection Properties
Animationevents.attrib Onbegin, OnEnd, OnRepeat, onload
3.3 Clipping Property Set
Collection name Collection Properties
Clip.attrib Clip-path, Clip-rule
3.4 Set of processing properties of a piece
Collection name Collection Properties
Conditional.attrib Requiredfeatures, Requiredextensions, systemlanguage
3.5 Container Properties Module
Collection name Collection Properties
Container.attrib Enable-background
3.6 Kernel Properties Module
Collection name Collection Properties
Core.attrib ID, Xml:base, Xml:lang, Xml:space
3.7 Cursor Property Set
Collection name Collection Properties
Cursor.attrib Cursor
3.8 Document Event Properties module
Collection name Collection Properties
Documentevents.attrib OnUnload, Onabort, OnError, OnResize, Onscroll, Onzoom
3.9 External Resource requirements Property module
Collection name Collection Properties
External.attrib Externalresourcesrequired
3.10 Gradient Attribute Set
Collection name Collection Properties
Gradient.attrib Stop-color, stop-opacity
3.11 Graphical element event property module
Collection name Collection Properties
Graphicalevents.attrib Onfocusin, Onfocusout, OnActivate, onclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onload
3.12 Graphics Properties Module
Collection name Collection Properties
Graphics.attrib Display, image-rendering, pointer-events, shape-rendering, text-rendering,visibility
3.13 Filter Attribute Set
Collection name Collection Properties
Filter.attrib Filter
Filtercolor.attrib Color-interpolation-filters
Filterprimitive.attrib x, y, width, height, result
Filterprimitivewithin.attrib Filterprimitive.attrib, in
3.14 Tag Attribute Set
Collection name Collection Properties
Marker.attrib Marker-start, Marker-mid, Marker-end
3.15 Mask Property Set
Collection name Collection Properties
Mask.attrib Mask
3.16 Opaque Properties Module
Collection name Collection Properties
Opacity.attrib Opacity, stroke-opacity, fill-opacity
3.17 Coating Properties Module
Collection name Collection Properties
Paint.attrib Color, fill, fill-rule, stroke, Stroke-dasharray,
Stroke-dashoffset, Stroke-linecap, Stroke-linejoin, Stroke-miterlimit, Stroke-width, Color-interpolation, Color-rendering
3.18 Style Property Set
Collection name Collection Properties
Style.attrib Style, class
3.19 Text Property Set
collection name Collection Properties
Te Xt.attrib writing-mode
textcontent.attrib Alignment-baseline, base Line-shift, direction, Dominant-baseline, Glyph-orientation-horizontal

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.