- 浏览: 132348 次
- 性别:
- 来自: 未来
文章分类
- 全部博客 (174)
- Eclispe (3)
- javaScript (33)
- SVG学习 (22)
- Java (21)
- 网站 (12)
- learn English (1)
- 文档 (25)
- 常用网站收录 (11)
- struts (6)
- 常用API (1)
- html (2)
- jsp (2)
- spring (2)
- IDE (1)
- 数据结构 (1)
- JDBC (2)
- html + css (1)
- xml (3)
- 心声 (1)
- Axis2 (1)
- svg (4)
- webService (2)
- unix (2)
- c/c++ (3)
- html5 (1)
- Android (2)
- Jet标签 (1)
- oracle (2)
- 工具 (1)
- ideas (0)
- lean plan (1)
- java技术网站,信息收集综合及分类 (0)
最新评论
-
calosteward:
感谢博主对svg convert to PDF资源的分享。我也 ...
How to Convert a SVG File to PDF Format -
long316:
fhhhh
WinArchiver 2.7 -
long316:
ddddd
WinArchiver 2.7
http://msdn.microsoft.com/ZH-CN/library/hh453953
[This documentation is preliminary and is subject to change.]
Defines a path that text can be rendered along.
Syntax
<SVGTextPathElement>
Standards information
Scalable Vector Graphics: Text, Section 10.17.6
Members
The SVGTextPathElement object has the following types of members:
Events
Methods
Properties
Events
The SVGTextPathElement object has the following events.
Event Description
onload
Occurs when the browser has fully parsed the element and all of its descendants.
Methods
The SVGTextPathElement object has the following methods.
Method Description
getCharNumAtPosition
Gets the index of the character that the glyph cell bounding box contains at the specified point.
getComputedTextLength
Returns the total sum of all advance values from rendering all characters within the given text element.
getEndPositionOfChar
Gets the current text position of the specified character after the character is rendered in the user coordinate system where the glyphs that correspond to the specified character are rendered.
getExtentOfChar
Gets a rectangle that defines the minimum and maximum x-coordinate and y-coordinate values in the user coordinate system where the glyphs that correspond to the specified character are rendered.
getNumberOfChars
Gets the total number of characters that are available for rendering within the current element.
getRotationOfChar
Gets the rotation value of the specified character, relative to the current user coordinate system where the glyphs that corresponding to the specified character are rendered.
getStartPositionOfChar
Gets the current text position of the specified character before the character is rendered in the user coordinate system where the glyphs that correspond to the specified character are rendered.
getSubStringLength
Calculates the total sum of all advance values from rendering the specified substring of the characters.
hasExtension
Determines if the specified extension is supported.
selectSubString
Selects the specified substring, just as if a user selected the substring interactively.
Properties
The SVGTextPathElement object has the following properties.
Property Description
baselineShift
Sets or retrieves a value that indicates how the dominant baseline should be repositioned relative to the dominant baseline of the parent text content element.
className
Gets the names of the classes that are assigned to this object.
dominantBaseline
Sets or retrieves a value that determines or redetermines a scaled-baseline table.
externalResourcesRequired
Gets a value that indicates whether referenced resources that are not in the current document are required to correctly render a given element.
fill
Sets or retrieves a value that indicates the color to paint the interior of the given graphical element.
fillOpacity
Sets or retrieves a value that specifies the opacity of the painting operation that is used to paint the interior of the current object.
fillRule
Sets or retrieves a value that indicates the algorithm that is to be used to determine what parts of the canvas are included inside the shape.
focusable
Determines if an element can acquire keyboard focus (that is, receive keyboard events) and be a target for field-to-field navigation actions (such as when a user presses the Tab key).
glyphOrientationHorizontal
Sets or retrieves a value that alters the orientation of a sequence of characters relative to an inline-progression-direction of horizontal.
glyphOrientationVertical
Sets or retrieves a value that alters the orientation of a sequence of characters relative to an inline-progression-direction of vertical.
href
Gets an xlink:href attribute of an element.
kerning
Gets or sets a value that indicates whether a Metro style app using JavaScript should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (that is, enable auto-kerning) or instead disable auto-kerning and set inter-character spacing to a specific length (typically zero).
Gets or sets a value that indicates whether Metro style app using JavaScript should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (that is, enable auto-kerning) or instead disable auto-kerning and set inter-character spacing to a specific length (typically zero).
lengthAdjust
Gets or sets the lengthAdjust attribute on the given element.
method
Gets the method attribute on the given textPath element.
ownerSVGElement
Gets the nearest ancestor svg element.
requiredExtensions
Gets a white space-delimited list of required language extensions.
requiredFeatures
Gets or sets a white space-delimited list of feature strings.
spacing
Gets the spacing attribute on the given textPath element.
startOffset
Gets the startOffset attribute on the given textPath element.
stroke
Sets or retrieves a value that indicates the color to paint along the outline of a given graphical element.
strokeDasharray
Sets or retrieves one or more values that indicate the pattern of dashes and gaps used to stroke paths.
strokeDashoffset
Sets or retrieves a value that specifies the distance into the dash pattern to start the dash.
strokeLinecap
Sets or retrieves a value that specifies the shape to be used at the end of open subpaths when they are stroked.
strokeLinejoin
Sets or retrieves a value that specifies the shape to be used at the corners of paths or basic shapes when they are stroked.
strokeMiterlimit
Sets or retrieves a value that indicates the limit on the ratio of the length of miter joins (as specified in the strokeLinejoin property).
strokeOpacity
Sets or retrieves a value that specifies the opacity of the painting operation that is used to stroke the current object.
strokeWidth
Sets or retrieves a value that specifies the width of the stroke on the current object.
style
Gets a style object.
systemLanguage
Gets or sets a comma-separated list of language names.
textLength
Gets or sets the textLength attribute on the given element.
viewportElement
Gets the element that established the current viewport.
xmlbase
Gets or sets the base attribute on the element.
xmllang
Gets or sets a value that specifies the language that is used in the contents and attribute values of an element.
xmlspace
Gets or sets a value that indicates whether white space is preserved in character data.
Remarks
Note In addition to the attributes, properties, events, methods, and styles listed above, SVG elements also inherent core HTML attributes, properties, events, methods, and styles.
In addition to text that is drawn in a straight line, you can also place text along the shape of a path element in SVG. To render a block of text along the shape of a path element, include the given text within a textPath element that includes an xlink:href attribute with an Internationalized Resource Identifier (IRI) reference to the path element.
Examples
In the following code example, the textPath element is used to define a path for text rendering. The same path is used in the path example. Copy this sample to a text file and save it with the .html file extension. Run it in a Metro style app using JavaScript to see the text on a path.
It should look like this:
<!DOCTYPE HTML>
<html>
<head>
</head>
<body>
<svg width="400" height="400">
<defs>
<path id="myTextPath" d="M 50,100 Q 150,50 250,100" />
</defs>
<text fill="steelblue" font-size="20">
<textPath xlink:href="#myTextPath">Internet Explorer Forever!</textPath>
</text>
</svg>
</body>
</html>
Requirements
Minimum supported client
Windows Vista with SP1, Windows 7
Minimum supported server
Windows Server 2008 R2
Header
Mshtml.h
IDL
Mshtml.idl
DLL
Mshtml.dll
[This documentation is preliminary and is subject to change.]
Defines a path that text can be rendered along.
Syntax
<SVGTextPathElement>
Standards information
Scalable Vector Graphics: Text, Section 10.17.6
Members
The SVGTextPathElement object has the following types of members:
Events
Methods
Properties
Events
The SVGTextPathElement object has the following events.
Event Description
onload
Occurs when the browser has fully parsed the element and all of its descendants.
Methods
The SVGTextPathElement object has the following methods.
Method Description
getCharNumAtPosition
Gets the index of the character that the glyph cell bounding box contains at the specified point.
getComputedTextLength
Returns the total sum of all advance values from rendering all characters within the given text element.
getEndPositionOfChar
Gets the current text position of the specified character after the character is rendered in the user coordinate system where the glyphs that correspond to the specified character are rendered.
getExtentOfChar
Gets a rectangle that defines the minimum and maximum x-coordinate and y-coordinate values in the user coordinate system where the glyphs that correspond to the specified character are rendered.
getNumberOfChars
Gets the total number of characters that are available for rendering within the current element.
getRotationOfChar
Gets the rotation value of the specified character, relative to the current user coordinate system where the glyphs that corresponding to the specified character are rendered.
getStartPositionOfChar
Gets the current text position of the specified character before the character is rendered in the user coordinate system where the glyphs that correspond to the specified character are rendered.
getSubStringLength
Calculates the total sum of all advance values from rendering the specified substring of the characters.
hasExtension
Determines if the specified extension is supported.
selectSubString
Selects the specified substring, just as if a user selected the substring interactively.
Properties
The SVGTextPathElement object has the following properties.
Property Description
baselineShift
Sets or retrieves a value that indicates how the dominant baseline should be repositioned relative to the dominant baseline of the parent text content element.
className
Gets the names of the classes that are assigned to this object.
dominantBaseline
Sets or retrieves a value that determines or redetermines a scaled-baseline table.
externalResourcesRequired
Gets a value that indicates whether referenced resources that are not in the current document are required to correctly render a given element.
fill
Sets or retrieves a value that indicates the color to paint the interior of the given graphical element.
fillOpacity
Sets or retrieves a value that specifies the opacity of the painting operation that is used to paint the interior of the current object.
fillRule
Sets or retrieves a value that indicates the algorithm that is to be used to determine what parts of the canvas are included inside the shape.
focusable
Determines if an element can acquire keyboard focus (that is, receive keyboard events) and be a target for field-to-field navigation actions (such as when a user presses the Tab key).
glyphOrientationHorizontal
Sets or retrieves a value that alters the orientation of a sequence of characters relative to an inline-progression-direction of horizontal.
glyphOrientationVertical
Sets or retrieves a value that alters the orientation of a sequence of characters relative to an inline-progression-direction of vertical.
href
Gets an xlink:href attribute of an element.
kerning
Gets or sets a value that indicates whether a Metro style app using JavaScript should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (that is, enable auto-kerning) or instead disable auto-kerning and set inter-character spacing to a specific length (typically zero).
Gets or sets a value that indicates whether Metro style app using JavaScript should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (that is, enable auto-kerning) or instead disable auto-kerning and set inter-character spacing to a specific length (typically zero).
lengthAdjust
Gets or sets the lengthAdjust attribute on the given element.
method
Gets the method attribute on the given textPath element.
ownerSVGElement
Gets the nearest ancestor svg element.
requiredExtensions
Gets a white space-delimited list of required language extensions.
requiredFeatures
Gets or sets a white space-delimited list of feature strings.
spacing
Gets the spacing attribute on the given textPath element.
startOffset
Gets the startOffset attribute on the given textPath element.
stroke
Sets or retrieves a value that indicates the color to paint along the outline of a given graphical element.
strokeDasharray
Sets or retrieves one or more values that indicate the pattern of dashes and gaps used to stroke paths.
strokeDashoffset
Sets or retrieves a value that specifies the distance into the dash pattern to start the dash.
strokeLinecap
Sets or retrieves a value that specifies the shape to be used at the end of open subpaths when they are stroked.
strokeLinejoin
Sets or retrieves a value that specifies the shape to be used at the corners of paths or basic shapes when they are stroked.
strokeMiterlimit
Sets or retrieves a value that indicates the limit on the ratio of the length of miter joins (as specified in the strokeLinejoin property).
strokeOpacity
Sets or retrieves a value that specifies the opacity of the painting operation that is used to stroke the current object.
strokeWidth
Sets or retrieves a value that specifies the width of the stroke on the current object.
style
Gets a style object.
systemLanguage
Gets or sets a comma-separated list of language names.
textLength
Gets or sets the textLength attribute on the given element.
viewportElement
Gets the element that established the current viewport.
xmlbase
Gets or sets the base attribute on the element.
xmllang
Gets or sets a value that specifies the language that is used in the contents and attribute values of an element.
xmlspace
Gets or sets a value that indicates whether white space is preserved in character data.
Remarks
Note In addition to the attributes, properties, events, methods, and styles listed above, SVG elements also inherent core HTML attributes, properties, events, methods, and styles.
In addition to text that is drawn in a straight line, you can also place text along the shape of a path element in SVG. To render a block of text along the shape of a path element, include the given text within a textPath element that includes an xlink:href attribute with an Internationalized Resource Identifier (IRI) reference to the path element.
Examples
In the following code example, the textPath element is used to define a path for text rendering. The same path is used in the path example. Copy this sample to a text file and save it with the .html file extension. Run it in a Metro style app using JavaScript to see the text on a path.
It should look like this:
<!DOCTYPE HTML>
<html>
<head>
</head>
<body>
<svg width="400" height="400">
<defs>
<path id="myTextPath" d="M 50,100 Q 150,50 250,100" />
</defs>
<text fill="steelblue" font-size="20">
<textPath xlink:href="#myTextPath">Internet Explorer Forever!</textPath>
</text>
</svg>
</body>
</html>
Requirements
Minimum supported client
Windows Vista with SP1, Windows 7
Minimum supported server
Windows Server 2008 R2
Header
Mshtml.h
IDL
Mshtml.idl
DLL
Mshtml.dll
发表评论
-
使用脚本动态操作 SVG 文档
2012-08-20 23:25 700http://www.ibm.com/developerwor ... -
SVG脚本编程的一些技巧 .
2012-08-20 23:24 820http://blog.csdn.net/mtfsoft/ar ... -
有鼠标位置获取元素
2012-12-23 23:36 600document.elementFromPoint(x,y) ... -
getCTM
2012-08-19 17:22 709<svg xmlns="http://www. ... -
Svg事件响应:获取鼠标即时屏幕坐标
2012-08-19 17:04 4291http://ribbonchen.blog.163.com/ ... -
svg_example
2012-04-26 00:54 765http://srufaculty.sru.edu/david ... -
path element | SVGPathElement object
2012-02-13 22:49 1240http://msdn.microsoft.com/ZH-CN ... -
svg text参考
2012-02-13 14:20 690http://www.w3.org/TR/SVG11/text ... -
How to Convert a SVG File to PDF Format
2012-02-05 22:40 1108http://xmlgraphics.apache.org/b ... -
在svg文间画图过程中放大缩小图片后,坐标偏移问题
2012-01-01 16:48 1655http://blog.csdn.net/qingcai200 ... -
创建随内容动态缩放的SVG图形
2012-01-01 16:47 1896创建随内容动态缩放的S ... -
svg矩阵变换
2012-01-01 16:16 905svg矩阵变换 -
svg变换参考
2012-01-01 16:14 884<?xml version="1.0" ... -
svg网站 参考信息
2011-12-31 10:53 871http://blog.csdn.net/xuezhimeng ... -
用CorelDRAW制作SVG手机主题界面图片
2011-10-25 23:57 2244用CorelDRAW制作SVG手机主题界面图片 Ljmsto ... -
动态创建 svg
2011-10-20 17:34 599http://riso.iteye.com/blog/3934 ... -
参考网站收录
2011-10-12 15:22 742PDM中文网运维(http://www.pdmcn.com/b ... -
svg网站
2011-10-08 15:03 1090http://smartblack.iteye.com/blo ... -
svg学习
2011-09-26 00:11 445<?xml version="1.0" ... -
svg的
2011-09-24 00:47 833http://xinsheng.huawei.com/cn/b ...
相关推荐
传单文本路径 Leaflet-textpath 模块的流星移植 使用 流星添加 fuatsengul:leaflet-textpath
近期在项目中要实现关系图,需要在线条上绘制文字。要实现这个功能,我们需要在SVG中连接的线条从标签line修改为path,这样才可能实现类似如下的效果: 1个简单的例子如下所示: <svg viewBox="0 0 1000 300" ...
2) Setup>User Preference 之 Design_Paths>textpath 项设為:C:\cadance\PSD_14.1\share\pcb/text/views 即可. 3. 不能编辑 Net Logic. 1) Setup>User Perference 之项选择 logic_edit_enabled,点选為允许编辑 ...
SVG文本到路径 正在安装 ... 然后使用rake install安装gem。 您的svg-ttp可执行文件现在应该在PATH中。 用法: svg-ttp input.svg output.svg 测验 运行./bin/svg-ttp test/assets/test.svg test/assets/test.ttp.svg...
在Leaflet库,Canvas-TextPath和Leaflet.LabelTextCollision之后,将插件JS文件从dist文件夹添加到页面的dist文件夹中,如下所示: Leaflet.LabelTextCollision Leaflet.streetlabels-使用src /目录中的文件或dist ...
关于VML极道教程 VML的强大与用途 VML精彩实例 ---- VML语言入门 VML标记与通用属性 标记实战与line线 ---- oval圆rect矩型 RoundRect圆矩型 arc圆弧 image图片 ... textpath文本路径
react-native-svg react-native-svg provides SVG support to React Native on iOS and Android. Check out the demo Features Supports most SVG elements and properties (Rect, Circle, ...TextPath G Use Sym