previous next contents elements attributes properties index
04 September 2001
1 引言 Introduction
内容 Contents
- 1.1 关于精图 About SVG
- 1.2 精图多用途因特网邮件扩展(MIME)类型、文件扩展名和Macintosh文件类型 SVG MIME type, file name extension and Macintosh file type
- 1.3 精图命名空间、公共标识符和系统标识符 SVG Namespace, Public Identifier and System Identifier
- 1.4 与其他标准成果的兼容性 Compatibility with Other Standards Efforts
- 1.5 术语 Terminology
- 1.6 定义 Definitions
1.1 关于精图 About SVG
此规范定义 可伸缩矢量图形(精图) 的特征和语法. This specification defines the features and syntax forScalable Vector Graphics (SVG).
精图是一种依照XML [XML10]描述二维图形的语言 . 精图允许三种类型的图形对象:矢量图形形状 (例如, 由直线和曲线组成的路径), 图像和文本 . 图形对象可以预先进行分组, 格式化, 变换和合成而变成为渲染的对象 . 其特色包括嵌套变换, 路径剪裁, 透明蒙版, 滤镜效果和模板对象. SVG is a language for describing two-dimensional graphics in XML [XML10]. SVG allows for three types ofgraphic objects: vector graphic shapes (e.g., paths consisting of straightlines and curves), images and text. Graphical objects can be grouped, styled,transformed and composited into previously rendered objects. The feature setincludes nested transformations, clipping paths, alpha masks, filter effectsand template objects.
精图绘图可以是 交互的 和 动态的. 可以定义和触发动画 要么通过说明 (即, 通过在精图文档中嵌入动画元素) 或者通过编写脚本. SVG drawings can be interactive and dynamic. Animations can be definedand triggered either declaratively (i.e., by embedding SVG animation elementsin SVG content) or via scripting.
在较复杂的精图应用中可以使用一种辅助的脚本语言,这种脚本语言可以存取精图文档对象模型(DOM), 而精图文档对象模型能够提供对所有元素 , 属性和特性的完全存取. 一套丰富的事件处理器 如 onmouseover 和 onclick 可以指派到任何精图图形对象上. 由于它的兼容性和其它Web 标准的杠杆作用,象脚本 这种特征可以在相同Web 页面上的 XHTML 和 精图元素上同时得到处理. Sophisticated applications of SVG are possible by use of a supplementalscripting language which accessesSVGDocument Object Model (DOM), which provides complete access to allelements, attributes and properties. A rich set ofevent handlerssuch as onmouseover and onclick can be assigned to any SVG graphical object.Because of itscompatibilityand leveraging of other Web standards, features like scripting can be done onXHTML and SVG elements simultaneously within the same Web page.
精图是一种针对丰富绘图内容的语言. 基于访问性的原因, 如果一个原始的源文档包含高级结构和语义, 建议应使这些高级信息按照某种方式是可用的, 要么通过使原始的源文档可用, 要么使一个具有可替换格式的传达高级信息的可替换的版本是可用的, 要么通过使用精图工具在精图内容中包含高级的信息. 关于达到较高的可访问性的建议技术, 请见可访问性. SVG is a language for rich graphical content. For accessibility reasons, ifthere is an original source document containing higher-level structure andsemantics, it is recommended that the higher-level information be madeavailable somehow, either by making the original source document available, ormaking an alternative version available in an alternative format which conveysthe higher-level information, or by using SVG's facilities to include thehigher-level information within the SVG content. For suggested techniques inachieving greater accessibility, see Accessibility.
1.2 精图多用途因特网邮件扩展(MIME)类型、文件扩展名和Macintosh文件类型 SVG MIME type, file nameextension and Macintosh file type
精图的 MIME类型为 "image/svg+xml"(参见 [RFC3023]). W3C 将在精图被批准为W3C推荐标准时不久便会注册这一 MIME类型. The MIMEtype for SVG is "image/svg+xml" (see [RFC3023]).The W3C will register this MIME type around the time when SVG is approved as aW3C Recommendation.
建议在所有平台上精图文件具有扩展名 ".svg"
(全部小写) . 建议在所有平台上 gzip-压缩精图文件具有扩展名 ".svgz"
(全部小写). It is recommended that SVG files have the extension".svg"
(all lowercase) on all platforms. It is recommended that gzip-compressed SVG files havethe extension ".svgz"
(all lowercase) on all platforms.
建议存储在MacintoshHFS文件系统中的精图文件给予文件类型 "svg "
(全部小写, 而第四个字符为空格). 建议存储在 Macintosh HFS文件系统中的gzip-压缩精图文件给予文件类型"svgz"
(全部小写). It is recommended that SVG files stored on Macintosh HFS file systems be givena file type of"svg "
(all lowercase, with a space character as the fourth letter). It isrecommended thatgzip-compressedSVG files stored on Macintosh HFS file systems be given a file type of"svgz"
(all lowercase).
1.3 精图命名空间、公共标识符和系统标识符 SVG Namespace,Public Identifier and System Identifier
下面为精图1.0 的命名空间, 公共标识符和系统标识符: The following are the SVG 1.0 namespace, public identifier and systemidentifier:
精图命名空间 SVGNamespace:
http://www.w3.org/2000/svg
精图1.0 的公共标识符 Public Identifier forSVG 1.0:
PUBLIC"-//W3C//DTD SVG 1.0//EN"
精图1.0 的系统标识符 System Identifier for SVG1.0:
http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd
下面为精图文档的 文档类型说明 例子: The following is anexample document typedeclaration for an SVG document:
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
1.4 与其他标准成果的兼容性 Compatibility with OtherStandards Efforts
精图借助和集成其它 W3C 规范和标准成果. 通过借助和遵从其它标准, 精图变得更加强大并且使人们易于学习如何将精图合并到他们的网址中. SVG leverages and integrates with other W3C specifications and standardsefforts. By leveraging and conforming to other standards, SVG becomes more powerfuland makes it easier for users to learn how to incorporate SVG into their Websites.
下面描述了一些精图与W3C的成果保持兼容性、借用和集成的方式: The following describes some of the ways in which SVG maintains compatibilitywith, leverages and integrates with other W3C efforts:
- 精图为一种XML应用并且与"可扩展标记语言(XML) 1.0" 推荐标准 [XML10] 兼容 SVG is an application of XML and is compatible with the "Extensible Markup Language (XML) 1.0" Recommendation [XML10]
- 精图与" XML中的命名空间" 推荐标准 [XML-NS]兼容 SVG is compatible with the "Namespaces in XML" Recommendation [XML-NS]
- 精图利用"XML 链接语言(XLink)" [XLINK] 进行 URI 引用并且支持在"XML 基础" [XML-BASE]定义的基础URI 规范 . SVG utilizes "XML Linking Language (XLink)" [XLINK] for URI referencing and requires support for base URI specifications defined in "XML Base" [XML-BASE].
- 精图对于引用元素ID的语法与在"XML 指针语言(XPointer)" [XPTR]中定义的ID引用语法的子集兼容. SVG's syntax for referencing element IDs is a compatible subset of the ID referencing syntax in "XML Pointer Language (XPointer)" [XPTR].
- 精图的内容可以要么通过CSS (参见 "层叠样式表(CSS) 级别 2" 规范 [CSS2]) 要么通过 XSL (参见 "XSL 变换 (XSLT) 版本 1.0" [XSLT])格式化. (参见使用CSS格式化 和 使用XSL格式化 ) SVG content can be styled by either CSS (see "Cascading Style Sheets (CSS) level 2" specification [CSS2]) or XSL (see "XSL Transformations (XSLT) Version 1.0" [XSLT]). (See Styling with CSS and Styling with XSL)
- 精图支持CSS 和 XSL公共的相关属性和方法 , 外加从CSS中挑选的语义与特性(参见 精图的格式化属性 和 精图使用的层叠样式表). SVG supports relevant properties and approaches common to CSS and XSL, plus selected semantics and features of CSS (seeSVG's styling properties and SVG's Use of Cascading Style Sheets).
- 被引用的外部样式表使用在 "与XML文档相结合的样式表版本1.0" [XML-SS]归档的机制. External style sheets are referenced using the mechanism documented in "Associating Style Sheets with XML documents Version 1.0" [XML-SS].
- 精图包含一个完整的文档对象模型(DOM) 并遵从"文档对象模型(DOM) 级别 1" 推荐标准 [DOM1]. 精图DOM 与 DOM 级别1 规范中定义的HTML DOM具有高度的兼容性和一致性. 另外, 精图DOM 支持和采用了在 "文档对象模型(DOM) 级别 2" [DOM2]中描述的功能,这其中包括CSS 对象模型和事件处理. SVG includes a complete Document Object Model (DOM) and conforms to the "Document Object Model (DOM) level 1" Recommendation [DOM1]. The SVG DOM has a high level of compatibility and consistency with the HTML DOM that is defined in the DOM Level 1 specification. Additionally, the SVG DOM supports and incorporates many of the facilities described in "Document Object Model (DOM) level 2" [DOM2], including the CSS object model and event handling.
- 精图采纳了 "同步多媒体集成语言(SMIL) 1.0 规范" [SMIL1]的部分特征和方法,这其中包括'switch' 元素 和 systemLanguage 属性. SVG incorporates some features and approaches that are part of the "Synchronized Multimedia Integration Language (SMIL) 1.0 Specification" [SMIL1], including the'switch' element and the systemLanguage attribute.
- 精图的动画特性(参见 动画) 是通过与W3C 同步多媒体(SYMM) 工作组, 即同步多媒体集成语言(SMIL) 1.0 规范 [SMIL1]的开发者的合作下进行开发的. 精图的动画特征采纳并扩展了在"SMIL 动画" 规范 [SMILANIM]中描述的通用的XML 动画能力. SVG's animation features (see Animation) were developed in collaboration with the W3C Synchronized Multimedia (SYMM) Working Group, developers of the Synchronized Multimedia Integration Language (SMIL) 1.0 Specification [SMIL1]. SVG's animation features incorporate and extend the general-purpose XML animation capabilities described in the "SMIL Animation" specification [SMILANIM].
- 精图被设计成允许SMIL的未来版本使用动画的或静态的精图内容作为一种媒体组件. SVG has been designed to allow future versions of SMIL to use animated or static SVG content as media components.
- 精图试图达到与HTML 4 [HTML4] 和 XHTML(tm) 1.0 [XHTML]最大的兼容 . 精图的很多方法是直接按照HTML建模的 , 包括CSS [CSS2]的使用, 事件的处理方法, 以及文档对象模型[DOM2]所用的方法. SVG attempts to achieve maximum compatibility with both HTML 4 [HTML4] and XHTML(tm) 1.0 [XHTML]. Many of SVG's facilities are modeled directly after HTML, including its use of CSS [CSS2], its approach to event handling, and its approach to its Document Object Model [DOM2].
- 精图与W3C 在国际化方面的工作是兼容的. 参见 (W3C 和其它方面的) 包括: [UNICODE] 和 [CHARMOD]. 也见国际化支持. SVG is compatible with W3C work on internationalization. References (W3C and otherwise) include: [UNICODE] and [CHARMOD]. Also, see Internationalization Support.
- 精图与W3C 在Web 可访问性 [WAI]方面的工作是兼容的. 也见可访问性支持. SVG is compatible with W3C work on Web Accessibility [WAI]. Also, see Accessibility Support.
In environments which support [DOM2] for other XML grammars(e.g., XHTML [XHTML]) and which alsosupport SVG and the SVG DOM, a single scripting approach can be usedsimultaneously for both XML documents and SVG graphics, in which caseinteractive and dynamic effects will be possible on multiple XML namespacesusing the same set ofscripts. Inenvironments which support [DOM2]for other XML grammars (e.g., XHTML [XHTML])and which also support SVG and the SVG DOM, a single scripting approach can beused simultaneously for both XML documents and SVG graphics, in which caseinteractive and dynamic effects will be possible on multiple XML namespacesusing the same set of scripts.
1.5 术语 Terminology
Within this specification, the key words "MUST","MUST NOT", "REQUIRED", "SHALL", "SHALLNOT", "SHOULD", "SHOULD NOT", "RECOMMENDED","MAY", and "OPTIONAL" are to be interpreted as described inRFC 2119 (see [RFC2119]).However, for readability, these words do not appear in all uppercase letters inthis specification.
At times, this specification recommends good practice forauthors and user agents. These recommendations are not normative andconformance with this specification does not depend on their realization. Theserecommendations contain the expression "We recommend ...", "Thisspecification recommends ...", or some similar wording.
1.6 定义 Definitions
为了便于普通图形的操作在精图中预定义的一些标准图形形状.特别如: 'rect', 'circle', 'ellipse', 'line', 'polyline', Standard shapes which are predefined in SVG as a convenience for commongraphical operations. Specifically:'rect', 'circle', 'ellipse', 'line', 'polyline', 'polygon'.
绘制图形元素的表面,它可以为真实的物理媒介如一个显示器或者为一张纸也可以为抽象的表面如计算机内存中分配的区域. 参见在章节坐标系, 变换和单位的精图画布的讨论. A surface onto which graphics elements are drawn, which can be real physicalmedia such as a display or paper or an abstract surface such as a allocatedregion of computer memory. See the discussion of theSVG canvas inthe chapter on CoordinateSystems, Transformations and Units.
'path','text' 和基本形状的一种组合形式,作为一种1 bit 蒙版的轮廓 (in the absence of anti-aliasing) , 这里在轮廓内部的允许显示而在轮廓外部则被蒙蔽掉不被显示. 参见裁剪路径. A combination of 'path', 'text' and basicshapes which serve as the outline of a (in the absence of anti-aliasing)1-bit mask, where everything on the "inside" of the outline isallowed to show through but everything on the outside is masked out. SeeClipping paths.
一种可以包含图形元素和其它容器元素作为子元素的元素. 特别如: 'svg', 'g', 'defs' 'symbol', 'clipPath', 'mask', 'pattern', 'marker', 'a' 和'switch'都是. An elementwhich can have graphics elements and other container elements as childelements. Specifically:'svg', 'g', 'defs' 'symbol', 'clipPath', 'mask', 'pattern', 'marker', 'a' and 'switch'.
当前最里面的精图文档片段current innermost SVGdocument fragment
一给定精图元素最直接祖先 'svg' 元素开始的XML 文档子树. TheXML document sub-tree which starts with the most immediate ancestor'svg' element of a given SVG element.
当前精图文档片段 current SVG documentfragment
一给定精图元素最外部祖先'svg' 元素开始的XML 文档子树, 要求最外部'svg' 元素和这一元素之间的所有容器元素都是精图语言中的元素. The XML documentsub-tree which starts with the outermost ancestor'svg' element of a given SVG element, with therequirement that all container elements between the outermost'svg' and this element are all elements in theSVG language.
当前变换矩阵 currenttransformation matrix (CTM)
变换矩阵通过使用等式[x' y' 1] = [x y 1] * matrix 的3x3矩阵定义从一种坐标系到另一种坐标系的数学映射. 当前变换矩阵(CTM)定义从用户坐标系到视口坐标系的映射. 参见坐标系. Transformation matrices define the mathematical mapping from one coordinatesystem into another using a 3x3 matrix using the equation [x' y' 1] = [x y 1] * matrix. Thecurrenttransformation matrix (CTM) defines the mapping from the user coordinatesystem into the viewport coordinate system. SeeCoordinatesystem transformations.
在形状 的内部或者在文本字串的字符图元的内部所进行的绘制 操作. Theoperation of paintingthe interior of a shapeor the interior of the character glyphs in a text string.
字体代表一套有组织的图元,其中各种图元表示具有相同的样式和风格使得, 当一串字符在一起被渲染时, 其结果易于辨认, 传达了一种特殊的艺术风格并提供了一致的字符之间的对齐和空隔. A font represents an organized collection ofglyphs in whichthe various glyph representations will share a common look or styling suchthat, when a string of characters is rendered together, the result is highlylegible, conveys a particular artistic style and provides consistentinter-character alignment and spacing.
图元表示一种字体中渲染内容的一个单元 . 通常, 要绘制的字符和相应的图元之间具有一对一的对应关系 (例如, 通常, 字符"A" 使用单个图元进行渲染), 可是有时多个图元被用来渲染单个字符(例如, 使用重音) 或者单个图元能够可能被用来渲染多个字符(例如, 连字). 典型的情况是, 一个图元通过一个或更多形状如路径 , 也许会提供附加的信息如渲染提示以便帮助字体引擎产生较小尺寸的易辨认文本. A glyph represents a unit of rendered content within a font. Often, thereis a one-to-one correspondence between characters to be drawn and correspondingglyphs (e.g., often, the character "A" is rendered using a singleglyph), but other times multiple glyphs are used to render a single character(e.g., use of accents) or a single glyph can be used to render multiplecharacters (e.g., ligatures). Typically, a glyph is defined by one or moreshapes such as a path, possibly withadditional information such as rendering hints that help a font engine toproduce legible text in small sizes.
能够产生图形并被绘制到目标画布上的一种元素类型. 比如: 'path', 'text', 'rect', 'circle', 'ellipse', 'line', 'polyline', 'polygon', 'image' and 'use'. One of the element types that can cause graphics to be drawn onto the targetcanvas. Specifically:'path', 'text', 'rect', 'circle', 'ellipse', 'line', 'polyline', 'polygon', 'image' and 'use'.
图形引用元素 graphics referencing element
一种通过引用不同文档或元素作为其图形内容的图形元素. 比如: 'use' 和'image'. Agraphics element which uses a reference to a different document or element asthe source of its graphical content. Specifically: 'use' and 'image'.
统一资源标识符[URI] 如果不包括一个<absoluteURI> 或者<relativeURI> 则表示对当前文档的一个元素的引用 . 参见引用和 'defs' 元素. A Uniform Resource Identifier [URI]that does not include an <absoluteURI>or <relativeURI> and thus represents areference to an element within the current document. SeeReferences and the 'defs' element.
包含 图形元素或者其它容器元素的 容器元素 定义一套图形用作半透明蒙版将前景对象合成到当前背景中 . 参见蒙版. A containerelement which can contain graphicselements or other container elements which define a set of graphics that isto be used as a semi-transparent mask for compositing foreground objects intothe current background. SeeMasks.
非本地 URI引用 non-localURI reference
统一资源标识符 [URI] 如果包括一个<absoluteURI> 或者<relativeURI> 则(通常) 表示对一个不同文档或不同文档中的元素的引用. 参见引用和 'defs' 元素. A Uniform Resource Identifier [URI]that includes an <absoluteURI> or <relativeURI> and thus (usually) represents areference to a different document or an element within a different document.See References and the'defs' element.
绘制表示将颜色值置于画布之上的方式. 绘制可以由颜色值和与其相关的控制与画布中已有的颜色值进行混合的alpha 值组成. 精图支持三种类型的内建的绘制方式:颜色,渐变 和式样. A paint represents a way of putting color values onto the canvas. A paint mightconsist of both color values and associated alpha values which control theblending of colors against already existing color values on the canvas. SVGsupports three types of built-in paint: color, gradients and patterns.
精图元素上的一种指定了一个值的 XML 属性 . 参见 格式化. An XML attribute on an SVG element which specifies a value for a given propertyfor that element. SeeStyling.
帮助指定文档如何被渲染的一种参数. 精图特性的一个完整列表可以特性索引中找到. 要么通过精图语言中元素的表达属性要么通过使用格式化直线和曲线来指派特性给精图语言中的元素. 比如: 'path', 'rect', 'circle', 'ellipse', 'line', 'polyline', 'polygon'. A parameter that helps specify how a document should be rendered. A completelist of SVG's properties can be found inProperty Index.Properties are assigned to elements in the SVG language either bypresentationattributes on elements in the SVG language or by using a styling lines and curves. Specifically:'path', 'rect', 'circle', 'ellipse', 'line', 'polyline', 'polygon'.
对 形状 的轮廓或者或者在文本字串的字符图元的轮廓的绘制操作. The operation of paintingthe outline of a shapeor the outline of character glyphs in a text string.
对精图内容进行渲染的画布 . 参见在章节坐标系, 变换和单位的精图画布的讨论. Thecanvas onto which the SVG content is rendered.See the discussion of the SVGcanvas in the chapter on CoordinateSystems, Transformations and Units.
以'svg' 元素开始的XML文档子树. 精图文档片段可以由单个的精图文档组成也可以由一个通过'svg' 元素括起来的父级XML文档的片段构成. 当一个'svg' 元素为另一个'svg' 元素的子孙时, 则存在两个精图文档片段, 每个'svg' 元素一个. (一个精图文档片段包含在另一个精图文档片段中.) TheXML document sub-tree which starts with an'svg' element. An SVG document fragment canconsist of a stand-alone SVG document, or a fragment of a parent XML documentenclosed by an'svg' element. When an 'svg' element is a descendant of another 'svg' element, there are two SVG documentfragments, one for each 'svg' element. (One SVG document fragment iscontained within another SVG document fragment.)
精图画布内的视口定义一种用来渲染精图内容的矩形区域. 参见在章节坐标系, 变换和单位的 精图视口 中的讨论. The viewport within the SVGcanvas which defines the rectangular region into which SVG content isrendered. See the discussion of theSVG viewportin the chapter on CoordinateSystems, Transformations and Units.
一种精图元素可以定义为将被渲染到画布上的文本字符串. 精图文本内容元素为下列这些:'text','tspan', 'tref', 'textPath' 和'altGlyph'. One ofSVG's elements that can define a text string that is to be rendered onto thecanvas. SVG's text content elements are the following: 'text', 'tspan', 'tref', 'textPath' and 'altGlyph'.
通过一套简单变换说明(例如缩放, 旋转 或者平移) 或者一个或多个 变换矩阵的形式提供补充的变换对 当前变换矩阵(CTM) 进行修改. 参见 坐标系变换. A modification of the current transformationmatrix (CTM) by providing a supplemental transformation in the form of aset of simple transformations specifications (such as scaling, rotation ortranslation) and/or one or moretransformationmatrices. See Coordinatesystem transformations.
变换矩阵通过使用等式[x' y' 1] = [x y 1] * matrix 的3x3矩阵定义从一种坐标系到另一种坐标系的数学映射. 参见 当前变换矩阵(CTM) 和坐标系变换. Transformation matrices define the mathematical mapping from one coordinatesystem into another using a 3x3 matrix using the equation [x' y' 1] = [x y 1] * matrix. Seecurrent transformation matrix (CTM)and Coordinatesystem transformations.
统一资源标识符 [URI] 用作对一个文件或文件中的一个元素的一种引用. 参见 引用和 'defs' 元素. A Uniform Resource Identifier [URI]which serves as a reference to a file or to an element within a file. SeeReferences and the 'defs' element.
用户代理的通常定义为返回和渲染Web内容, 包括文本, 图形, 声音, 视频, 图片, 以及其它类型的内容的一种应用.一个用户代理可能要求另一个用户代理处理某些类型的内容. 例如, 一个浏览器可以运行一个分离的程序或者插件来渲染声音和视频. 用户代理包括图形桌面浏览器, 多媒体播放器, 文本浏览器, 声音浏览器, 以及辅助的技术如屏幕阅读器, 屏幕放大器, 语音合成器, 屏幕键盘, 和语音输入软件. The general definition of a user agent is an application that retrieves andrenders Web content, including text, graphics, sounds, video, images, and othercontent types. A user agent may require additional user agents that handle sometypes of content. For instance, a browser may run a separate program or plug-into render sound or video. User agents include graphical desktop browsers,multimedia players, text browsers, voice browsers, and assistive technologiessuch as screen readers, screen magnifiers, speech synthesizers, onscreenkeyboards, and voice input software.
一个 "用户代理"具有或不具有返回和渲染精图内容的能力; 然而, 一个 "精图用户代理"则返回和渲染精图内容. A "useragent" may or may not have the ability to retrieve and render SVG content;however, an "SVG user agent" retrieves and renders SVG content.
一般说来, 坐标系定义了在当前画布上的位置和距离 . 当前用户坐标系是当前活动的坐标系它被用来定义如何在当前画布上定位和计算坐标和长度. 参见 初始用户坐标系和 坐标系变换. In general, a coordinate system defines locations and distances on the currentcanvas. The current usercoordinate system is the coordinate system that is currently active andwhich is used to define how coordinates and lengths are located and computed,respectively, on the currentcanvas. See initialuser coordinate system and Coordinatesystem transformations.
用户坐标系的同义词. A synonym foruser coordinate system.
按照用户单位表示的坐标值或长度代表当前用户坐标系中的坐标值或长度. 于是, 10用户单位表示用户坐标系统中10单位的长度. A coordinate value or lengthexpressed in user units represents a coordinate value or length in the current user coordinate system. Thus, 10 userunits represents a length of 10 units in the current user coordinate system.
在当前 画布 里面的一个可用来渲染图形元素的矩形区域. 参见在章节坐标系, 变换和单位的 精图视口 中的讨论. A rectangular region within the current canvas ontowhich graphics elements are to be rendered.See the discussion of the SVG viewportin the chapter on CoordinateSystems, Transformations and Units.
视口坐标系 viewport coordinatesystem
一般来说, 一种坐标系定义在当前画布的位置和距离. 视口坐标系为 为一种在处理可选属性viewBox 之前在开始处理元素'svg' 时活动的坐标系 . 如果精图文档片段被嵌入使用CSS来管理其布局的文档中, 则视口坐标系将具有与CSS相同的方位和长度, 并且原点在视口的左上角. 参见初始视口 和 建立一个新的视口. In general, a coordinate system defines locations and distances on the currentcanvas. The viewportcoordinate system is the coordinate system that is active at the startof processing of an'svg' element, before processing the optional viewBox attribute. In the case of an SVGdocument fragment that is embedded within a parent document which uses CSS tomanage its layout, then the viewport coordinate system will have the sameorientation and lengths as in CSS, with the origin at the top-left on the viewport. See The initialviewport and Establishinga new viewport.
视口坐标系的同义词. A synonym forviewportcoordinate system.
视口单位 viewport units
按照视口单位表示的坐标值或长度代表视口坐标系中的坐标值或长度. 于是, 10视口单位表示视口坐标系统中10单位的长度. A coordinate value or lengthexpressed in viewport units represents a coordinate value or length in the viewport coordinate system. Thus, 10viewport units represents a length of 10 units in the viewport coordinatesystem.