2011-03-31 3 views
0

캔버스를 사용하여 이미지를 그려 보았습니다. 예, 물론 제가 그랬습니다. 하지만 캔버스 드로잉을 이미지와 즉시 병합해야합니다.캔버스를 사용하여 이미지 (jpg 또는 png)에 그림을 그려서 저장하십시오.

즉, 하나의 이미지 (#a)가 있고 이미지의 일부 장소 (원, 직사각형 등)를 표시하고 싶습니다. 캔버스 기술을 선택했습니다. (다른 기술을 사용할 수있는 경우 나에게 제안하십시오.)

그래서 캔버스 그리기 후에 캔버스 이미지를 실제 이미지 (#a)와 병합하고 싶습니다. 그럼, 나는 표시된 이미지를 얻을 것이다.

내가 전에 한 일은 무엇입니까?.

캔버스 태그에 실제 이미지 (#a)로 배경을 설정했습니다. (즉, 일부 배경 이미지가있는 캔버스 태그). 나는 그림을 그렸다. 그런 다음 canvas 이미지를 dataURI로 변환 한 다음 Linux 명령 (imageMagic)을 사용하여 실제 이미지 (#a)를 캔버스 드로잉으로 병합합니다.

다른 방법으로는 이미지에 직접 그려 넣을 수 있으며 즉시 이미지로 그림을 저장할 수 있습니까?

미리 감사드립니다.

답변

5

캔버스의 배경을 설정하지 마십시오.

캔버스 컨텍스트의 drawImage() 기능을 사용하여 이미지를 그대로 캔버스에 그릴 수 있습니다. 그런 다음 모든 그리기 작업을 수행하십시오.

그런 다음 이미지를 올바르게 저장할 수 있습니다. Canvas2Image를 살펴 보시기 바랍니다.

http://www.nihilogic.dk/labs/canvas2image/

관련 문제