canvas clearRect()清除指定區域內容
此方法可以清除指定矩形區域內的畫素。
語法結構:
[JavaScript] 純文字檢視 複製程式碼context.clearRect(x,y,width,height);
引數解析:
(1).x:必需,要清除矩形區域左上角的x軸座標。
(2).y:必需,要清楚矩形區域的左上角的y軸座標。
(3).width:必需,要清除矩形區域的寬度。
(4).height:必需,要清除矩形區域的高度。
程式碼例項:
[HTML] 純文字檢視 複製程式碼執行程式碼<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style> canvas { border:2px dotted #ccc; } </style> <script type="text/javascript"> window.onload = function () { var canvas = document.getElementById('canvas'); var ctx = canvas.getContext("2d"); ctx.fillStyle = "red"; ctx.fillRect(0, 0, 300, 150); ctx.clearRect(20, 20, 100, 50); } </script> </head> <body> <canvas id="canvas" width="350" height="250"></canvas> </body> </html>
相關文章
- canvas clearRect()Canvas
- RN 踩坑:內容區域高度
- canvas 寫入文字內容Canvas
- 基於Vue實現圖片在指定區域內移動Vue
- Python提取文字指定內容Python
- jQuery列印網頁指定區域jQuery網頁
- JavaScript 替換字串全部指定內容JavaScript字串
- 利用jquery實現的向指定元素追加指定內容jQuery
- jquery實現的設定指定元素的文字內容和html內容jQueryHTML
- jquery獲取具有指定內容的元素jQuery
- git將指定內容寫入檔案Git
- JavaScript 列印網頁指定的區域JavaScript網頁
- 使用雙快取解決 Canvas clearRect 引起的閃屏問題快取Canvas
- html2canvas將指定區域匯出為圖片(js將div匯出為圖片)HTMLCanvasJS
- git檢視指定提交檔案的內容Git
- javascript如何替換字串中的指定內容JavaScript字串
- js替換字串中的所有指定內容JS字串
- 使用jquery清空指定元素中的所有內容jQuery
- 替換文字檔案中指定的內容
- mac內容如何更改maven指定的java版本MacMavenJava
- Python剪裁影像中的指定區域Python
- jQuery點選文字框清除內容程式碼例項jQuery
- 區域網內命令大全
- js如何動態為指定的元素新增內容JS
- javascript刪除具有指定文字內容的li元素JavaScript
- jQuery load()方法載入指定檔案內容jQuery
- php遍歷指定目錄中的內容2PHP
- 在指定的檔案過濾想要的內容
- android 把字串內容儲存到指定路徑Android字串
- 區域網內部署 Docker RegistryDocker
- linux批量替換指定資料夾中所有檔案的指定內容Linux
- 點選實現選中指定元素的文字內容
- 如何讓excel單元格內只能輸入指定內容?Excel
- c 刪除檔案中指定的部分內容 (轉)
- 隨機生成指定面積單連通區域隨機
- 繪製SVG內容到Canvas的HTML5應用SVGCanvasHTML
- Git暫存區內容恢復到工作區Git
- C#操作Word之 根據標籤名清除標籤內容C#