WeChat 애플릿 API 그리기clearRect(주어진 직사각형 영역 내 캔버스의 명확한 픽셀)


clearRect

Definition

이 직사각형 영역 내에서 캔버스의 내용을 지웁니다.

Tip:clearRect는 주소 영역에 흰색 직사각형을 그리는 것이 아니라, 직관적인 느낌을 주기 위해 캔버스에 배경색 레이어를 추가합니다. 

<canvas canvas-id="myCanvas" style="border: 1px solid; background: #123456;"/>

매개변수

QQ截图20170208141118.png

예

const ctx = wx.createCanvasContext('myCanvas')
ctx.setFillStyle('red')
ctx.fillRect(0, 0, 150, 200)
ctx.setFillStyle('blue')
ctx.fillRect(150, 0, 150, 200)
ctx.clearRect(10, 10, 150, 75)
ctx.draw()

QQ截图20170208141151.png