高手请留步，VML画线如何在正确的显示在图片上？

你是说把图片设置为body的背景还是div的背景?

解决方案 »

  1.   

    你把Body部分的代码改成
    <BODY>
    <img src="c:\Blue hills.jpg" style="position:absolute;left:0;top:0;width:500px;height:500px;z-index:0"/>
    <div id="map" style="position:absolute;left:0;top:0;width:1024px;height:768px;z-index:1" onmousedown="draw();" onmousemove="draws()"></div>
    </body>   
    试试就明白了
      

  2.   

    你C盘下得放个图片文件，名字你改img src就行，然后你在空白处点鼠标就能画
      

  3.   

    <BODY background="c:\Blue hills.jpg"><div id="map" style="position:absolute;left:0;top:0;width:1024px;height:768px;z-index:1" onmousedown="draw();" onmousemove="draws()">
    </div></body> 这样就能看了，要用IE浏览器，并且允许什么什么访问，就是把安全调低点
      

  4.   

    <SCRIPT LANGUAGE="JavaScript"> 
      var linex,liney,a,b,flag;
      flag=0;  
      function SelfXY(){
        var yScrolltop;
        var xScrollleft;
        yScrolltop = event.clientY;
    xScrollleft= event.clientX;
    var top = document.body.scrollTop;
    var left = document.body.scrollLeft;
    //alert("top  "+yScrolltop+"left  "+xScrollleft);

        var y = parseInt(top)+parseInt(yScrolltop);
        var x = parseInt(left)+parseInt(xScrollleft);
    var arr = new Array();
    arr[0] = x;
    arr[1] = y;
    //alert("x="+arr[0]+"y="+arr[1]);
    return arr;
    //alert(xScrollleft+y+"  "+yScrolltop+x+"  ");

        
    }
      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(){
      var x1 = SelfXY();
    if(flag==0){
    //alert(x1[0]+"  "+x1[1]);
    linex=x1[0];liney=x1[1];
    flag=1;
    }else{
        if(linex==undefined&&b==undefined){linex=x1[0];liney=x1[1];return false;}
        a=x1[0];b=x1[1];
        drawline(linex,liney,a,b)
        //x=a;y=b;
    flag=0;
    alert("X="+linex+",Y="+liney+",A="+a+",B="+b);
    }
      }  function draws(){
      var x1 = SelfXY();
      if(flag==1){
      if(linex==undefined&&b==undefined){return false;}
      if(linex==x1[0]&&b==x1[1]){return false;}
      if(document.getElementById("TempLine")){document.getElementById("TempLine").outerHTML=""}
      var strElement=   "<v:Line id='TempLine' from='" + linex + "," + liney + "' to='" + x1[0] + "," + x1[1] + "' strokecolor='red'></v:Line>";   
      var newPoint = document.createElement(strElement);   
      document.getElementById("map").appendChild(newPoint);  }else{
         
      }
      }
      </SCRIPT>   
    <html xmlns:v="urn:schemas-microsoft-com:vml">   
    <HEAD>   
    <META http-equiv="Content-Type" content="text/html;Charset=gb2312">     
    <STYLE>   
    v\:*{behavior:url(#default#VML);}   
    </STYLE>   
    </HEAD>   
    <BODY><div id="map" style="position:absolute;left:0;top:0;width:1024px;height:768px;z-index:1" onmousedown="draw();" onmousemove="draws()">
    <img src="c:\Blue hills.jpg" style="position:absolute;left:0;top:0;width:500px;height:500px;z-index:0"/>
    </div>
    </body>   
    </html>
    这个就可以了，完整的，我同事给我搞定了！！谢谢你
      

  5.   

    那个vml 不需要什么插件吧?
      

  6.   

    vml不需要插件 但只能在ie上使用