<SCRIPT LANGUAGE="JavaScript">
var x,y,a,b;
function drawline(fromX,fromY,toX,toY){
var strElement= "<v:Line id='line_"+fromX+"_"+fromY+"_"+toX+"_"+toY+"' from='" + fromX + "," + fromY + "' to='" + toX + "," + toY + "' strokecolor='red'></v:Line>";
var newPoint = document.createElement(strElement);
document.getElementById("map").appendChild(newPoint);
}
function draw(){
if(x==undefined&&b==undefined){x=window.event.x;y=window.event.y;return false;}
a=window.event.x;b=window.event.y;
drawline(x,y,a,b)
x=a;y=b;
}
function draws(){
if(x==undefined&&b==undefined){return false;}
if(x==window.event.x&&b==window.event.y){return false;}
if(document.getElementById("TempLine")){document.getElementById("TempLine").outerHTML=""}
var strElement= "<v:Line id='TempLine' from='" + x + "," + y + "' to='" + window.event.x + "," + window.event.y + "' strokecolor='red'></v:Line>";
var newPoint = document.createElement(strElement);
document.getElementById("map").appendChild(newPoint);
}
</SCRIPT>
<html xmlns:v="urn:schemas-microsoft-com:vml">
<HEAD>
<META http-equiv="Content-Type" content="text/html;Charset=gb2312">
<title>vml实例</title>
<STYLE>
v\:*{behavior:url(#default#VML);}/*声明V为VML变量*/
</STYLE>
</HEAD>
<BODY>
<table border="1" align="center">
<tr>
<td><div id="map" style="width:600px;height:500px;background-color:#cccccc;position:relative;" onmousedown="draw();" onmousemove="draws()"></div></td>
</tr>
</table>
</body>
</html>
分享到：
相关推荐
总之，使用JavaScript和VML画曲线图涉及到数据处理、矢量图形路径计算以及DOM操作等多个方面。虽然现代浏览器倾向于使用SVG，但对于需要支持旧版IE的应用，理解VML绘制曲线图的方法仍然是必要的。
Vml画板工具是一款出色的在线图形编辑工具，被誉为“最酷”的原因之一可能在于它提供了丰富的功能和便捷的操作体验。在本文中，我们将深入探讨Vml画板工具的特点、使用方法以及它在IT行业中的应用。 Vml，全称为...
VML（Vector Markup Language）是一种基于XML的矢量图形语言，主要用在老版本的Internet Explorer浏览器中，用于创建和展示矢量图形。本篇文章探讨的是如何在VML中实现曲线的伸缩变化动画。 首先，我们要了解动画的...
VML（Vector Markup Language）是一种基于XML的矢量图形语言，主要在Internet Explorer浏览器中使用，用于在网页上创建和展示复杂的图形。以下是对标题、描述和标签中提及的VML绘画知识点的详细解释： 1. **饼图...
**VML图像画版详解** VML，全称Vector Markup Language，是一种用于在网页上创建和显示矢量图形的标记语言。它是由微软公司在20世纪90年代末开发的，主要目的是为了在Internet Explorer浏览器中提供一种与SVG...
总结来说，"js vml画流程图"是指使用JavaScript和VML技术在Web页面上创建流程图的过程。这个过程涉及到HTML结构的构建，VML元素的动态生成，以及JavaScript的DOM操作和事件处理。通过这种方式，即使在不支持SVG的...
此是源代码页，直接打开便可看效果，看源代码用记事本打开就行了
VML（Vector Markup Language）是一种标记语言，用于在网页上创建和展示矢量图形。它在HTML中提供了绘制矢量图像的能力，使得图形可以按比例缩放而不失真，特别适用于制作图表、流程图以及复杂的设计元素。VML是微软...
在本实例中，我们将深入探讨如何使用VML来实现画流程图。 流程图是一种可视化表示流程或工作流的工具，它通过各种形状和连接线来展示步骤、决策和流程的流向。VML为绘制这些元素提供了丰富的功能，包括线条、矩形、...
它允许开发者通过XML格式来定义二维图形，包括线、矩形、圆、多边形等基本形状，以及更为复杂的路径和图像。VML被广泛应用于Internet Explorer浏览器中，为网页设计提供了丰富的图形支持。 #### 绘制圆弧 在给定的...
VML，全称为Vector Markup Language，是一种用于在网页上描绘矢量图形的标记语言。它在HTML中提供了绘制矢量图像的能力，使得图形在不同分辨率的设备上都能保持清晰，不损失质量。这个"vml极道教程"显然是一个深入...
### VML技术简明教程 #### 一、VML简介 VML（Vector Markup Language）是一种用于在Web页面上绘制矢量图形的技术。它是由微软在1999年之前推出的一种浏览器图形渲染技术，并且被集成到了IE5及以后的版本中。通过...
Excanvas通过VML（Vector Markup Language）技术，使IE6到IE8等旧版本浏览器也能拥有与现代浏览器类似的画线和绘图能力。 在JavaScript中使用Excanvas，首先要引入excanvas.js或excanvas-compressed.js文件。这两个...
VML，全称Vector Markup Language，是一种基于XML的标记语言，用于在网页上创建和展示矢量图形。这种技术特别适用于需要精确控制图形细节、分辨率独立且需要与HTML文档结合的场景。VML极道教程是一份深入浅出的教程...
VML，全称为Vector Markup Language，是一种用于在网页上创建矢量图形的XML标记语言。在20世纪90年代末到21世纪初，VML是与SVG（Scalable Vector Graphics）竞争的一种标准，主要用于在网页中展示高质量、可缩放的...
VML，全称为Vector Markup Language，是一种用于在Web页面上绘制矢量图形的标记语言。它允许开发者使用XML语法来创建、控制和显示矢量图形，使得图像可以在不同分辨率的屏幕上保持清晰，不会像位图那样失真。VML在...
2. **图形绘制**：如何创建线、矩形、圆形、曲线等基本形状，并进行填充、描边、阴影等样式设置。 3. **图像和文本结合**：如何将VML图形与图像和文本元素结合，实现图文混排。 4. **交互性和事件处理**：通过...
4. `Polyline` - 多边形线 5. `Curve` - 曲线 6. `Rect` - 矩形 7. `Roundrect` - 圆角矩形 8. `Oval` - 椭圆 9. `Arc` - 弧形 10. `Group` - 组合图形 除了图形绘制，VML还支持文本集成、超链接以及通过JavaScript...
例如，`Rect`（矩形）、`RoundRect`（圆角矩形）、`Oval`（椭圆）、`Line`（直线）、`PolyLine`（多边形线）和`Image`（图像）等。 - `Shape`对象的属性可以内联定义或以子元素的形式分开定义，如`StrokeColor`和`...
FlashVml3是一款针对Flash开发的专业工具，主要服务于那些在Web设计和开发中使用Flash的用户。VML全称为Vector Markup Language，是一种用于在网页上绘制矢量图形的标记语言，而FlashVml3则是将这两者结合，帮助...