<!---->
<o:p> </o:p>
VML
中
path
属性的理解
在
VML
中
,shape
中最主要的属性是
Path
，它是个功能强大的画笔，语法很简单，由几个字母组成，下面详细讲述：
<o:p>
</o:p>
m x,y
:MoveTo
把画笔移动到 (x,y)；
l x,y:LineTo从当前点到(x,y)画一条线；可以给连续的几个点，VML会连续画出来直到遇到 x 命令。
x:Close结束一条线；
e:End结束画图<o:p>
我们来看一个例子：
<o:p>
</o:p>
<HTML xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"><o:p>
<HEAD><o:p>
<STYLE><o:p>
v\:* { behavior: url(#default#VML);} <o:p>
o\:* { behavior: url(#default#VML);}<o:p>
</STYLE><o:p>
<TITLE>VML Sample</TITLE><o:p>
</HEAD><o:p>
<BODY><o:p>
<v:shape fillcolor="green" <o:p>
style="position:relative;top:1;left:1;width:200;height:200" <o:p>
path="m 1,<!----> 1,250, 250,500, 500,500, 500,250, 250, 1 x e" <o:p>
title="vml demo - draw by zhangyi " <o:p>
strokeColor="yellow"><o:p>
<o:p>
</o:p>
<v:fill type="gradient" id="fill1" color="red" /> <o:p>
<o:p>
</o:p>
</v:shape><o:p>
</BODY><o:p>
</HTML><o:p>
结果如下图：
<o:p>
</o:p>
<!---->
<o:p>
</o:p>
我们把
path
部分单独分开来看：
<o:p>
</o:p>
path="<o:p>
m 1,1<o:p>
l 1,250, 250,500, 500,500, 500,250, 250, 1 <o:p>
x <o:p>
e"<o:p>
正好可以何上面的说明相对应。
经过四步：
1)
画笔移动到（
1
，
1
）点，
m
表示移动画笔，但是没有画的操作
2)
画线，从第一个坐标开始，（
1
，
1
）—〉（
1
，
250
）—〉……—〉（
250
，
1
），按点顺次画点。
3)
X,
表示画线结束
4)
E
表示画图的结束
<o:p> </o:p>
分享到：
相关推荐
3. 支持情况：VML主要在IE浏览器中得到良好支持，其他现代浏览器如Firefox、Chrome等需要通过特定的CSS hack或JavaScript库来实现兼容。 二、VML基本结构 1. 开始和结束标签：VML元素通常以`<v:shape>`开始，`...
学习VML，你需要理解这些基本元素的属性和用法，如坐标系统、颜色填充、线条样式等。 接下来，DVML是VML的一个扩展，它增加了动态性和交互性。DVML允许开发者创建响应用户交互的图形，比如点击事件或动画效果。这...
`shape`元素接受`path`属性，其中包含描述形状路径的数据。 2. ****: 用于绘制直线，有开始点和结束点。 3. ****: 创建矩形，可以通过设置`width`和`height`属性定义大小，`fill`和`stroke`属性控制填充色和边框。 4...
在VML中，可以使用`<vml:textbox>`标签来添加文本，`textpath`属性用于指定文本沿哪个路径排列。例如： ```xml <vml:textbox style="font-family:Arial; font-size:16pt;"> <vml:textpath string="Hello, VML!" on...
4. **路径绘制**：`path`属性用于定义复杂的形状路径，使用SVG类似的语言描述线条和曲线。 ### 应用场景 1. **兼容性考虑**：在旧版IE浏览器中，VML是展示矢量图形的主要方式，对于需要兼容这些浏览器的项目，VML是...
在提供的教程资源中，“Think in vml.rar”可能包含对VML语法和特性的深入讲解，帮助开发者更好地理解和应用VML。而“VML极道教程.rar”则可能包含更多示例和实践指导，让开发者能够掌握在实际项目中使用VML的技巧。...
在VML中，图形是通过一系列的形状元素（如矩形、椭圆、线条、多边形等）来构建的，每个形状都有自己的属性，如位置、尺寸、颜色、填充、描边等。例如，创建一个红色矩形，我们可以使用以下的VML代码： ```xml ;...
属性包括`id`、`style`、`coordsize`、`path`等，其中`path`用于定义图形的路径，`fillcolor`和`strokecolor`分别设置填充色和边框色。 2. **创建柱状图**： 首先，你需要在HTML文档中包含必要的VML命名空间：`...
学习VML可以帮助你更好地理解矢量图形在Web开发中的作用，同时也可以作为向SVG过渡的一个桥梁。SVG作为现代标准，提供了更广泛的功能和更好的跨浏览器支持，包括动画、交互性和更丰富的API。 在实际项目中，如果你...
VML（Vector Markup Language）是一种用于在网页上呈现矢量图形的标记语言，尤其在早期的Internet Explorer浏览器中被广泛使用。它通过XML扩展来创建和控制图形，从而实现复杂和高质量的图形显示。以下是对VML技术...
学习Vml对于理解早期Web图形处理的历史和演变是有益的，尤其是对于那些需要维护旧代码库或者需要在老版本IE浏览器中确保图形显示的开发者。然而，对于新的项目，推荐使用SVG，因为它具有更好的兼容性、性能和未来的...
在回顾和学习历史技术的同时，我们也能更深刻地理解现有技术的价值，并在未来的设计中做出更明智的选择。希望本篇“VML极道教程”能够帮助你了解VML的基础知识，并为你的网页设计提供更多可能。
VML（Vector Markup Language）是一种基于XML的矢量...尽管VML已经过时，但对于理解矢量图形在Web开发中的应用以及历史发展有一定的价值。如果你在实际工作中遇到需要支持旧版IE浏览器的情况，了解VML可能会有所帮助。
沐缘华编写的《VML极道教程》是一本专注于介绍VML技术的专业教程，旨在帮助读者深入理解和掌握这一技术。 1. **VML基础** VML是一种基于XML的语言，它可以精确地描述图形元素，如线条、曲线、形状和文本，且这些...
例如，可以使用`vmlObj.path`属性来设置或获取路径数据，`vmlObj.fill.color`来改变填充色，`vmlObj.stroke.on`来开关描边等。此外，JavaScript可以与VML元素进行交互，实现动态效果。 3. **VML与CSS的关系**：尽管...
对于初学者来说，掌握VML尤其重要，因为它在GIS（地理信息系统）领域中扮演着关键角色，特别是在那些需要在网页上展示地图或地理信息的应用中。 本教程旨在为初学者提供全面的VML学习资源，让你能够快速入门并熟练...
VML，全称为Vector Markup Language，是一种用于在网页上描绘矢量图形...通过深入学习，你可以熟练掌握在Web页面中创建动态、响应式的矢量图形，即使在SVG普及的今天，理解VML对于理解矢量图形的工作原理也是有帮助的。
总结，VML作为曾经的IE浏览器矢量图形解决方案，虽然在现代Web开发中已不再主流，但理解其原理和应用对于理解Web图形的历史和进化过程仍具有一定的意义。对于初学者，了解VML可以帮助更好地理解SVG和其他图形技术。
3. **路径绘制**：使用`<vml:shape>`元素配合`path`属性可以绘制复杂路径，`d`属性内包含一系列指令，如`M`（移动到）、`L`（直线到）、`C`（三次贝塞尔曲线）等。 **二、VML语法** 1. **声明VML**：在HTML文档中...
在这个例子中，`<v:shape>`元素定义了一个矩形，`coordsize`属性设置了图形的坐标系统，`path`属性则描述了图形的路径。 接下来，我们来看看JavaScript中的面向对象特性。在JavaScript中，面向对象编程（OOP）主要...