欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS畫線(實例代碼)

 更新時間：2013年11月20日 10:10:39   作者：  
這篇文章主要是對JS畫線的實例代碼進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助

IE下畫線

復(fù)制代碼 代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  <style type="text/css">  
  v/:* { behavior:url(#default#VML); }  
  </style>
</head>
<body>
<v:line 
from='200,200' 
to='300,100' 
style='position:absolute;z-index:8'> 
</v:line> 
</body>
</html>

<script>
var R =function(){};
R.prototype.createLine = function (startX,startY,endX,endY){ 
  var le = document.createElement( "<v:line><v:line>" ); 
  le.from = startX + ',' + startY ; 
  le.to = endX + ',' + endY ; 
  le.strokecolor= "red" ; 
  le.strokeweight= "1pt" ; 
  return le; 
} 
var d =new R();
document.body.appendChild(d.createLine(1,1,200,100));
</script>


FF下畫線
復(fù)制代碼 代碼如下:

<html>
  <head>
  <title>A canvas fillRect, strokeRect and clearRect example</title>
  <meta name="DC.creator" content="Kamiel Martinet, http://www.martinet.nl/">
  <meta name="DC.publisher" content="Mozilla Developer Center, http://developer.mozilla.org">
  <script type="text/javascript">
  function drawShape(){
  // get the canvas element using the DOM
  var canvas = document.getElementById('tutorial');

  // Make sure we don't execute when canvas isn't supported

  if (canvas.getContext){

  // use getContext to use the canvas for drawing
  var ctx = canvas.getContext('2d');

  // Draw shapes
  ctx.fillRect(25,25,100,100);
  ctx.clearRect(45,45,60,60);
  ctx.strokeRect(50,50,50,50);

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

  } else {
  alert('You need Safari or Firefox 1.5+ to see this demo.');
  }
  }
  </script>
  <style type="text/css">
  </style>
  </head>

  <body onload="drawShape();">
  <div>
  <canvas id="tutorial" width="400" height="400"></canvas>
  </div>
  </body>
</html>

相關(guān)文章

  • JS面向?qū)ο缶幊袒A(chǔ)篇（三） 繼承操作實例詳解

    JS面向?qū)ο缶幊袒A(chǔ)篇（三） 繼承操作實例詳解

    這篇文章主要介紹了JS面向?qū)ο缶幊汤^承操作,結(jié)合實例形式詳細(xì)分析了JS面向?qū)ο罄^承的具體概念、原理、實現(xiàn)方法及操作注意事項,需要的朋友可以參考下
    2020-03-03
  • 你不知道的 TypeScript 高級類型(小結(jié))

    你不知道的 TypeScript 高級類型(小結(jié))

    這篇文章主要介紹了你不知道的 TypeScript 高級類型(小結(jié))，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-08-08
  • JavaScript中arguments和this對象用法分析

    JavaScript中arguments和this對象用法分析

    這篇文章主要介紹了JavaScript中arguments和this對象用法,結(jié)合實例形式較為詳細(xì)的分析了arguments對象和this對象的功能、常見用法及相關(guān)操作注意事項,需要的朋友可以參考下
    2018-08-08
  • 針對BootStrap中tabs控件的美化和完善(推薦)

    針對BootStrap中tabs控件的美化和完善(推薦)

    這篇文章主要介紹了針對BootStrap中tabs控件的美化和完善的相關(guān)資料，非常不錯，具有參考借鑒價值，感興趣的朋友一起學(xué)習(xí)吧
    2016-07-07
  • JavaScript三種方法解決約瑟夫環(huán)問題的方法

    JavaScript三種方法解決約瑟夫環(huán)問題的方法

    約瑟夫環(huán)問題又稱約瑟夫問題或丟手絹問題，是一道經(jīng)典的算法問題，本篇將以循環(huán)鏈表、有序數(shù)組、數(shù)學(xué)遞歸三種方式來解決約瑟夫環(huán)問題。感興趣的可以了解一下
    2021-09-09
  • 詳解JavaScript正則表達(dá)式之分組匹配及反向引用

    詳解JavaScript正則表達(dá)式之分組匹配及反向引用

    這篇文章主要介紹了詳解JavaScript正則表達(dá)式之分組匹配及反向引用 的相關(guān)資料,需要的朋友可以參考下
    2016-03-03
  • jsTree樹控件(基于jQuery, 超強(qiáng)悍)[推薦]

    jsTree樹控件(基于jQuery, 超強(qiáng)悍)[推薦]

    jsTree是基于javascript的一個跨瀏覽器樹控件，功能強(qiáng)大，而且是免費(fèi)的。
    2009-09-09
  • iframe父頁面獲取子頁面參數(shù)的方法

    iframe父頁面獲取子頁面參數(shù)的方法

    這篇文章主要介紹了iframe父頁面獲取子頁面參數(shù)的方法,需要的朋友可以參考下
    2014-02-02
  • 詳解JavaScript模塊化開發(fā)

    詳解JavaScript模塊化開發(fā)

    一個模塊就是實現(xiàn)特定功能的文件，有了模塊，我們就可以更方便地使用別人的代碼，想要什么功能，就加載什么模塊。模塊開發(fā)需要遵循一定的規(guī)范，否則就都亂套了
    2016-12-12
  • 如何基于JS截獲動態(tài)代碼

    如何基于JS截獲動態(tài)代碼

    這篇文章主要介紹了JS注入eval, Function系統(tǒng)函數(shù)并截獲動態(tài)代碼,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2019-12-12

最新評論