HTML5畫布: clearRect()

一喵嗚發表於2015-08-06
HTML

clearRect（）是用來清除畫布的一個矩形。

var canvas  = document.getElementById("ex1");
var context = canvas.getContext("2d");

context.fillStyle = "#ff0000";
context.fillRect(10,10, 100,100);

context.strokeStyle = "#0000ff";
context.strokeRect(30,20, 120, 110);

context.clearRect(50, 30, 110, 35);

紅色和藍色矩形的矩形現已清除。

如前面提到的，使用清除clearRect（）區域變得透明。假如有畫布分層 那透明區域底下將可見/


相關文章