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

首頁 > 網站 > WEB開發(fā) > 正文

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()方法結束路徑的繪制

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 东城区| 汉中市| 清水河县| 长葛市| 朝阳市| 大竹县| 兰溪市| 花莲市| 错那县| 慈利县| 安龙县| 眉山市| 乌拉特前旗| 同仁县| 巴林左旗| 东乌| 赤壁市| 德格县| 西吉县| 武城县| 旬阳县| 五华县| 临颍县| 陆丰市| 民县| 清徐县| 阿鲁科尔沁旗| 青冈县| 彭山县| 屯昌县| 柳林县| 海南省| 连城县| 榆社县| 高陵县| 龙游县| 天台县| 香河县| 留坝县| 吉水县| 大庆市|