国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > WEB開發 > 正文

canvas繪制路徑

2024-04-27 13:52:44
字體:
來源:轉載
供稿:網友

  路徑是繪制自定義圖形的好方法,在canvas中通過beginPath()方法開始繪制路徑,這個時侯你就可以繪制直線、曲線等,繪制完成后調用 fill()和stroke()完成填充和設置邊框,通過closePath()方法結束路徑的繪制。下面的例子講演時如何繪制路徑:

    <b>canvas繪制路徑</b><br/><canvas id="myCanvas" width="300" height="200"  style="border:1px solid #c3c3c3;">      Your browser does not support the canvas element.      </canvas>      <script type="text/javascript">          var myCanvas = document.getElementById("myCanvas");          if (!myCanvas.getContext)          {              alert("Your browser does not support the canvas element.");          }          else         {              var myContext = myCanvas.getContext("2d");              myContext.fillStyle = '#0000ff';              myContext.strokeStyle = '#ff0000';              myContext.lineWidth = 2;              myContext.beginPath();              myContext.moveTo(30, 30);              myContext.lineTo(150, 30);              myContext.lineTo(150, 120);              myContext.lineTo(90, 100);              myContext.lineTo(120, 60);              myContext.lineTo(30, 30);              myContext.fill();              myContext.stroke();              myContext.closePath();          } </script>

說明

  1)在獲得渲染上下文后,設置了填充色、邊框色和邊框寬度。
  2)調用beginPath()方法開始繪制路徑
  3)通過lineTo()方法繪制一個閉合的自定義圖形
  4)調用fill()方法進行填充
  5)調用stroke()方法設置邊框
  6)調用closePath()方法結束路徑的繪制

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 济南市| 中江县| 夏河县| 云阳县| 札达县| 岑巩县| 瓦房店市| 万年县| 福贡县| 洪湖市| 墨玉县| 抚顺市| 临江市| 门头沟区| 布尔津县| 桃园市| 永新县| 肇东市| 定结县| 寿光市| 江城| 濉溪县| 邻水| 宜兰市| 墨玉县| 临泽县| 肇源县| 余庆县| 民丰县| 若尔盖县| 阿城市| 仁寿县| 拉孜县| 嘉祥县| 乌拉特后旗| 乌什县| 浑源县| 陆川县| 同心县| 双江| 陆川县|