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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 华池县| 禹州市| 东乡县| 登封市| 江华| 河东区| 信丰县| 泰宁县| 武威市| 盐池县| 方山县| 西华县| 恩平市| 阿合奇县| 上杭县| 夏津县| 盘山县| 抚州市| 广灵县| 南部县| 柘城县| 苏尼特右旗| 图木舒克市| 眉山市| 九龙城区| 恩施市| 高州市| 平利县| 南宫市| 陆河县| 衡阳市| 东安县| 德兴市| 浦东新区| 年辖:市辖区| 那坡县| 科技| 文成县| 龙海市| 宜君县| 长白|