>  기사  >  웹 프론트엔드  >  JS 선화(예제코드)_javascript 스킬

JS 선화(예제코드)_javascript 스킬

WBOY
WBOY원래의
2016-05-16 17:13:551220검색

IE下画线

复主代码 代码如下:




 
 


from='200,200' 
to='300,100' 
style='위치:절대;z-색인:8'> 
 

<script><br>var R =function(){};<br>R.prototype.createLine = function (startX,startY,endX,endY){  <br>  var le = document.createElement( " <v:라인><v:라인>" );  <br>  le.from = startX ',' startY ;  <br>  le.to = endX ',' endY ;  <br>  le.Strokecolor= "빨간색" ;  <br>  le.strokeweight= "1pt" ;  <br>  파일 반환;  <br>}  <br>var d =new R();<br>document.body.appendChild(d.createLine(1,1,200,100));<br></script>


FF下画线
复主代码 代码如下:

< ;html>
 
  캔버스 fillRect, 스트로크Rect 및 ClearRect 예
 
 
  <스크립트 유형 ="text/javascript">
  function drawShape(){
  // ​​DOM을 사용하여 캔버스 요소 가져오기
  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.strokRect(50,50,50,50) ;

  ctx.beginPath();
  ctx.moveTo(100,100);
  ctx.lineTo(200,250);
  ctx.lineTo(50,250);
  ctx.closePath();
  ctx.Stroke();

  } else {
  Alert('이 데모를 보려면 Safari 또는 Firefox 1.5가 필요합니다.');
  }
  }
 
 
 

 
 


   

 

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.