HTML5 캔버스 - 편집 가능한 경계 추가

Question

tshirt 디자이너 응용 프로그램을 디자인하고 싶습니다. 캔버스에 tshirt를 놓았을 때 Text와 all을 추가하여 tshirt의 일부를 편집하도록 사용자를 제한하려고합니다. 스크린 샷을보고 세부 사항을 알려주십시오.

여기에 내 코드를 참조하십시오 : http://dstudio.edreamz.in/Sample_tshirt_app/Tshirt_test.htm

Answer 1

삽입 HTML 코드의 정상적인 이미지로 셔츠의 배경 그래픽을. 그런 다음 편집 가능한 영역의 크기로 캔버스를 만들고 CSS 위치 지정을 사용하여 이미지 위에 배치합니다.

이것은 캔버스가 배경을 파괴하지 않는다는 장점이 있습니다. 캔버스에서 무언가를 지우면 그 아래의 배경 이미지는 그대로 유지됩니다.