JS用鼠标画线，但如何改变线条的颜色呢？

参考这个里面的组件Canvas功能,有图形绘制库
www.joyistar.com

解决方案 »

  1.   

    StrokeColor;
    ----------------------
    color = "red";
    var s='<v:line from="'+lastX+','+lastY+'" to="'+event.x+','+event.y+'" style="position:absolute;left:0px;top:0px;" StrokeColor="'+color+'"></v:line>';
      

  2.   

    不可能
    把下面的存一下<?xml version="1.0" encoding="gb2312" standalone="yes"?>
    <html xmlns:v="http://www.eglic.com/">
    <head>
    <title></title>
    <meta name="Generator" content="EditPlus" />
    <meta name="Author" content="eglic" />
    <meta name="ContentType" content="text/html" />
    <meta name="CharSet" content="GB2312" />
    <link rel="stylesheet" type="text/css" href="/style/default.css" />
    <style type="text/css">
    v\:* {behavior:url(#default#VML);}
    </style>
    <script language="javascript" src="/script/default.js"></script>
    <script language="javascript">
    var Working=false;
    var lastX=0;
    var lastY=0;
    var color= "blue";
    document.ondblclick=function (){
    if(!Working) return;
    lastX=0;
    lastY=0;
    Working=false;
    }
    document.onclick=function (){
    if(!Working){
    Working=true;
    lastX=event.x;
    lastY=event.y;
    }else{
    var s='<v:line from="'+lastX+','+lastY+'" to="'+event.x+','+event.y+'" style="position:absolute;left:0px;top:0px;" StrokeColor="'+color+'"></v:line>';
    lastX=event.x;
    lastY=event.y;
    var o=document.createElement(s);
    document.body.insertAdjacentElement('BeforeEnd',o);
    }
    }
    document.onmousemove=function (){
    if(!Working) return;
    }
    </script>
    </head>
    <body>
    </body>
    </html>
      

  3.   

    var s='<v:line from="'+lastX+','+lastY+'" to="'+event.x+','+event.y+'" style="position:absolute;left:0px;top:0px;" StrokeColor="red"></v:line>';看看可以不
      

  4.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html xmlns:v="urn:schemas-microsoft-com:vml">
    <head>
    <title>test</title>
    </head>
    <STYLE>
     v\:* { BEHAVIOR: url(#default#VML) }
    </STYLE>
    <body>
    <v:line style="position:relative" from="0,0" to="100,100" strokecolor="red"></v:line>
    </body>
    </html>
      

  5.   

    to:  ice_berg16(寻梦的稻草人) 不好意思，原来是我把 StrokeColor这个词拼错了，谢谢你