가져온 이미지가있는 캔버스 요소에 대한 초보자 질문 ... 캐싱 및 색상 변경

Question

html의 캔버스 요소에 대한 몇 가지 질문이 있습니다. 첫째, 캐시 된 캔버스 요소로 가져온 이미지입니까? 브라우저간에?

두 번째로 흑백 PNG를 캔버스 요소로 가져온 다음 검정색을 다른 색상으로 변경할 수 있습니까?

Answer 1

캔버스 사양에는 이미지를 캐시해야한다는 내용은 없습니다.

캔버스의 경우 이미 이미지 HTML 요소가 필요합니다. 캔버스와 상호 작용할 수있는 유일한 방법은 캔버스의 컨텍스트에서 .drawImage()를 호출하는 것입니다.

해당 이벤트 이후에 캐싱이나 저장이 없습니다. 캔버스는 이미지의 픽셀을 자체에 인쇄 한 다음 아무 일도 일어나지 않았다는 사실을 잊어 버립니다. 기록이없고 캐싱도 없습니다.

쉽게 다른 색으로 캔버스에 PNG로 투명 앤 블랙하고 쉽게 변경할 검은 색을 (더 가져 오기)를 그릴 수 있습니다.

캔버스 컨텍스트의 globalCompositeOperation을 'source-atop'으로 변경 한 다음 이미지 공간을 선택한 색상으로 채 웁니다.

검은 색과 흰색이 아닌 흑백이라면 똑같이 할 수 있지만 더 많은 작업이 필요합니다.