国产探花免费观看_亚洲丰满少妇自慰呻吟_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()方法結束路徑的繪制

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 巴东县| 舒城县| 丰镇市| 汝州市| 洪洞县| 贵州省| 宝丰县| 垣曲县| 阿鲁科尔沁旗| 柯坪县| 龙江县| 增城市| 黑水县| 湖南省| 额尔古纳市| 万载县| 芜湖市| 庆城县| 上思县| 葫芦岛市| 综艺| 晋宁县| 呼伦贝尔市| 汉沽区| 铜川市| 万年县| 衡东县| 封丘县| 三门峡市| 石柱| 集贤县| 绥德县| 拉萨市| 濮阳市| 商南县| 安达市| 泰来县| 石楼县| 德惠市| 手游| 崇左市|