VML学习（一）

最新推荐文章于 2021-04-23 17:06:23 发布

长江

最新推荐文章于 2021-04-23 17:06:23 发布

阅读量903

点赞数

分类专栏： C#WEB 文章标签： VML

本文链接：https://blog.csdn.net/lonestar555/article/details/12621203

版权

C#WEB 专栏收录该内容

34 篇文章 0 订阅

订阅专栏

1、什么是VML

请百度

2.、VML有何用处

请百度

3、简单例子

IE下：

<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>第一个VML范例</title>
<style>
  v\:* { Behavior: url(#default#VML) }
  o\:* { behavior: url(#default#VML) }
</style>
</head>

<body>
<v:line style="z-index:5;position:absolute;left:233;top:150" from="0,0" to="200,0" strokecolor="#aaaaaa"/>
<v:line style="z-index:5;position:absolute;" from="0,205" to="205,205" strokecolor="#aafaaa"/>
	<div id="divID" style="display: block;">
	<canvas id="tutorial" width="1893" height="811" style="top: 370px; left: 19px; position: absolute;"></canvas>
	</div>
	<table border="1">
		<tr>
			<td>02</td><td id="td0">03</td><td>04</td>
		</tr>
		<tr>
			<td>02</td><td>03</td><td id="td1">04</td>
		</tr><tr>
			<td id="td2">02</td><td>03</td><td>04</td>
		</tr>
	</table>	
	<script type="text/javascript">
		var Icolor="#aafaaa";
		var strHtml="";
		function testtt()
		{
			var  width=11; 
			var tb = document.getElementById("td0");
			var tb2 = document.getElementById("td1");
			var tb3 = document.getElementById("td2"); 
				var x1 = tb.offsetLeft;
				var y1 = tb.offsetTop;
				var x2 = tb2.offsetLeft;
				var y2 = tb2.offsetTop; 
				var x3 = tb3.offsetLeft;
				var y3 = tb3.offsetTop; 
			 	x1 = x1 + width; 
			 	x2 = x2 + width; 
			 	x3 = x3 + width; 
			  y1 = y1 + width;
			  y2 = y2 + width;
			  y3 = y3 + width;
				this.IELine(x1, y1, x2, y2); 
				this.IELine(  x2, y2,x3,y3); 
				document.getElementById('divID').innerHTML = strHtml;
		}
		function IELine(x1, y1, x2, y2) { 
			 strHtml+="<v:line style='z-index:5;position:absolute;' strokecolor=" + Icolor + " from='" + x1 + "px," + y1+ "px' to='" + x2 + "px," + y2 + "px'/>";
		}
		testtt();
		</script>
</body>
</html>

长江

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
VML学习（一）

1、什么是VML请百度2.、VML有何用处请百度3、简单例子IE下：第一个VML范例 v\:* { Behavior: url(#default#VML) } o\:* { behavior: url(#default#VML) } 020304 020304
复制链接

扫一扫