如何利用javascript实现lineto(x,y)方法。

<!-- VML include -->
<xml:namespace ns="urn:schemas-microsoft-com:vml" prefix="v"/>
<object id="VMLRender" codebase="vgx.dll" classid="CLSID:10072CEC-8CC1-11D1-986E-00A0C955B42E"></object>
<style>
<!--
v\:* { behavior: url(#VMLRender); }
-->
</style>
<!-- end VML include -->
(<input id=x1 value=20 size=4>,<input id=y1 value=30 size=4>)->(<input id=x2 value=40 size=4>,<input id=y2 value=50 size=4>)<input type=button value=line onclick=lineTo(x1.value,y1.value,x2.value,y2.value)>
<script>
function lineTo(f1,f2,t1,t2){
document.body.insertAdjacentHTML('afterBegin','<v:line from="'+f1+','+f2+'" to="'+t1+','+t2+'"><v:stroke weight="2px" endcap="round" color="navy"/></v:line>');
}
</script>

解决方案 »

  1.   

    头还可以简单点<html xmlns:v="urn:schemas-microsoft-com:vml">
    <style>
    v\:* { behavior: url(#default#VML); }
    </style>(<input id=x1 value=20 size=4>,<input id=y1 value=30 size=4>)->(<input id=x2 value=40 size=4>,<input id=y2 value=50 size=4>)<input type=button value=line onclick=lineTo(x1.value,y1.value,x2.value,y2.value)>
    <script>
    function lineTo(f1,f2,t1,t2){
    document.body.insertAdjacentHTML('afterBegin','<v:line from="'+f1+','+f2+'" to="'+t1+','+t2+'"><v:stroke weight="2px" endcap="round" color="navy"/></v:line>');
    }
    </script>