javascript 怎样实现 两个div 之间画一条线 javascript 怎样实现 两个div 之间画一条线用DrawLine 怎么实现 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 问题一:不同浏览器会有差别.下面这个在IE中能实现:<html xmlns:v="urn:schemas-microsoft-com:vml"><head><title>VML Test</title><script type="text/javascript">function drawLine() {/*@cc_on @*//*@if (@_jscript_version >= 4)var A = [10,150];var B = [400,200];var myLine = document.getElementById('line01');myLine.from = A;myLine.to = B;/*@end @*/}window.onload = drawLine;</script><style type="text/css">v\:* { behavior: url(#default#VML);}body { background-color: #FFFFFF}</style></head><body><!--[if gte IE 5]><v:group id="vmlApp"style="position: absolute; left: 50px; top: 50px; height: 300px; width: 500px"coordorigin="0,0"coordsize="500,300"><v:rect id="vmlMainFrame"style="position:absolute; top:0px; left:0px; width:500px; height:300px"><v:fillcolor="#FFFFFF"/><v:strokecolor="#000000"weight="2px"/></v:rect><v:line id="line01"></v:line></v:group><div id="a" style="position: absolute; left: 60px; top: 200px; border:1px solid blue">A DIV</div><div id="b" style="position: absolute; left: 450px; top: 250px; border:1px solid blue">B DIV</div><script type="text/JScript">self.isVMLEnabled = true;</script><![endif]--><script>if(self.isVMLEnabled == undefined) {document.write('<embed width="222" height="300"src="http://www.carto.net/papers/svg/samples/shapes.svg"name="printable_map" type="image/svg+xml">');}</script></body></html>问题二:见下例<!DOCTYPE html><html lang="zh-CN"><head><meta charset="ANSI" /><title>Canvas Demo</title></head><body bgcolor="white"><pre><canvas id="myCanvas">你的浏览器不支持HTML5 Canvas标记.解决方案:可以使用火狐浏览器浏览。</canvas><script type="text/javascript"><!--function drawCanvas(){//画一个三角形var canvas=document.getElementById('myCanvas');var context=canvas.getContext('2d');context.fillStyle = '#00f';context.strokeStyle = '#f00';context.lineWidth = 5;context.beginPath();context.moveTo(10, 10); context.lineTo(100, 10);context.lineTo(10, 100);context.lineTo(10, 10);context.stroke();context.closePath();}drawCanvas();--></script></body></html> onsubmit 没有执行 getElementById 问题 chrome下jquery的mouseup有问题 求一正则表达式 表单检查问题 JS调用Webservice返回了一个XML,怎么把这个返回值XML在当前页通过XSLT显示出来呢? 高分求购JAVASCRIPT高级教程的中文版本!!谢谢 在JavaScript中怎样来判断是 Alt + 1 这两个键是同时被按下的?这个难吗? 【求助】我用js封装的json文本怎么才能通过EL表达式将里面的值放到页面的表格中? 特殊的返回按钮!在线等候…… JS中的全局变量如何使用cookie进行保存? 动态改变onclick!!急!!!
<head>
<title>VML Test</title><script type="text/javascript">
function drawLine() {
/*@cc_on @*/
/*@if (@_jscript_version >= 4)
var A = [10,150];
var B = [400,200];
var myLine = document.getElementById('line01');
myLine.from = A;
myLine.to = B;
/*@end @*/
}
window.onload = drawLine;
</script><style type="text/css">
v\:* { behavior: url(#default#VML);}
body { background-color: #FFFFFF}
</style></head><body><!--[if gte IE 5]>
<v:group id="vmlApp"
style="position: absolute; left: 50px; top: 50px; height: 300px; width: 500px"
coordorigin="0,0"
coordsize="500,300">
<v:rect id="vmlMainFrame"
style="position:absolute; top:0px; left:0px; width:500px; height:300px">
<v:fill
color="#FFFFFF"/>
<v:stroke
color="#000000"
weight="2px"/>
</v:rect>
<v:line id="line01">
</v:line>
</v:group>
<div id="a" style="position: absolute; left: 60px; top: 200px; border:1px solid blue">A DIV</div>
<div id="b" style="position: absolute; left: 450px; top: 250px; border:1px solid blue">B DIV</div>
<script type="text/JScript">
self.isVMLEnabled = true;
</script>
<![endif]-->
<script>
if(self.isVMLEnabled == undefined) {
document.write('<embed width="222" height="300"
src="http://www.carto.net/papers/svg/samples/shapes.svg"
name="printable_map" type="image/svg+xml">');
}
</script>
</body>
</html>问题二:见下例
<!DOCTYPE html>
<html lang="zh-CN"><head>
<meta charset="ANSI" />
<title>Canvas Demo</title>
</head>
<body bgcolor="white"><pre>
<canvas id="myCanvas">
你的浏览器不支持HTML5 Canvas标记.
解决方案:可以使用火狐浏览器浏览。
</canvas>
<script type="text/javascript">
<!--
function drawCanvas()
{
//画一个三角形
var canvas=document.getElementById('myCanvas');
var context=canvas.getContext('2d');
context.fillStyle = '#00f';
context.strokeStyle = '#f00';
context.lineWidth = 5;
context.beginPath();
context.moveTo(10, 10);
context.lineTo(100, 10);
context.lineTo(10, 100);
context.lineTo(10, 10);
context.stroke();
context.closePath();
}
drawCanvas();
-->
</script>
</body></html>