JS畫線(實例程式碼)_javascript技巧

IE下畫線

複製代碼代碼如下：

 
 


from='200,200' 
to='300,100' 位置：絕對；z-index：8'> 
 


<script><P>var R =function(){};<BR>R.prototype.createLine = function (startX,startY,endX,endY){  <BR>  var le = document.createElement( " < v:line><v:line>" );  <BR>  le.from = startX ',' startY ;  <BR>  le.to = endX ',' endY ;  <BR>  le.linescolor= "紅色" ;  <BR>  le.行程重量= "1pt" ;  <BR>  返回le;  <BR>}  <BR>var d =new R();<BR>document.body.appendChild(d.createLine(1,1,200,1000) ;<BR></script>

FF下畫線

複製代碼 程式碼如下：

< ;html>
 
 
 
 
 
  function drawShape(){
  // 使用DOM 取得canvas 元素
  var canvas = document.getElementById('tutorial');
  // 確保在不支援畫布時我們不會執行

  if (canvas.getContext){

  // 使用 getContext 使用畫布進行繪圖

  var ctx = canvas.getContext('2d');

  // 繪製形狀

  ctx.fillRect(25,25,100,100);
  ctx.clearRect(45,45,60,60);
  ctx.50,50,50,500,50,50,50,50,50,50,50,50,50,50,50,50,50,50,500,50,50,500,50,500,50,500,500,500,500,500,500,500,5050,500,500,5050,500,500,5050,500,5050,5050,500,5050,500,500 ) ;

  ctx.beginPath();

  ctx.moveTo(100,100);
  ctx.lineTo(200,250);
  ctx.lineTo(50,250);  ctx.中風();

  } else {
 alert('您需要Safari 或Firefox 1.5 才能觀看此示範。');

  }

  }
" 

  }
" 
/css">
 
 

 

 

  ;