2014-04-22 4 views
1

캔버스에 캔버스가 있고, 중심에 모든 픽셀의 알파가 0 인 모든 타원을 새겨 넣고 싶습니다. 캔버스가 지나가고 이전에는 타원으로 채워진 영역이 다른 것이었고 성능상의 이유로 putImageData를 사용하고 싶지는 않습니다. 어떻게 그렇게할까요? 그리고 방법이 없다면 putImageData를 사용하여 타원을 어떻게 조각 할 수 있습니까? 난 당신이 그리는 후에는캔버스에 경로의 알파 채널에있는 모든 점을 직접 설정하십시오.

+0

캔버스 조각? 불쌍한 캔버스. – bjb568

+1

@ bjb568 너는 너의 삶과 함께 계속하기 위해해야 ​​할 일을해야한다. 나는 슬픈 형제라는 것을 알고있다. 그러나 나는 정말로해야한다. – towc

+0

http://www.html5canvastutorials.com/advanced/html5-canvas-clipping -region-tutorial/ – rlemon

답변

2

당신이 context.globalCompositeOperation = 'destination-out'을 사용할 수 있습니다 그들이 단순히 뒤에 HTML 에되고 싶은, 내가에 캔버스를 HTML 요소를 그리려하지 않습니다

그냥 명확하게하기 프레임을 으로 채우십시오 잘린 모양.

예 : http://jsfiddle.net/rlemon/6nEpc/

관련 문제