Windows 그림판 프로그램은 모든 Windows 버전과 함께 제공됩니다. 이 매우 간단하고 거의 쓸모가 없는 프로그램은 가장 기본적인 그리기 기능을 갖추고 있으며 낙서에 매우 적합합니다. HTML5의 Canvas 개체를 사용하면 온라인 그리기가 가능해집니다. 비록 HTML5가 아직 완성되지는 않았지만, 많은 사람들은 이를 사용하여 놀라운 응용 프로그램을 디자인하고 싶어합니다.
CanvasPaint는 HTML5를 기반으로 하는 표준 Windows 페인팅 프로그램으로 Windows Paint 프로그램과 동일한 인터페이스와 작동 방식을 갖고 있으며 특정 브라우저를 지원하므로 최종 작업을 로컬 컴퓨터에 저장할 수도 있습니다. 이것은 최근의 프로젝트는 아니며, 2006년부터 진행된 작업이므로 표준을 지원하는 대부분의 최신 브라우저(Firefox, Safari, Chrome, Opera)에서 이 프로그램을 정상적으로 사용할 수 있습니다. 다음은 이 프로젝트에 대한 저자의 설명입니다.
이 프로그램은 왜 개발되었나요?
윈도우즈 그리기 프로그램을 개발하는 것이 목적이 아니고, HTML5의 Canvas 기능을 경험해 보는 것이 목적입니다.
사용방법은 표준 윈도우 그리기 프로그램과 동일합니다.
저장될 수 있나요?
네, 하지만 Firefox 2와 Opera 9만 지원합니다. (역자 주: 2006년에 저자가 구현한 프로그램입니다.) 로컬에 저장하려면 파일 메뉴에서 다운로드를 선택하고 온라인에 저장한 후 온라인에 저장을 선택하면 작품을 온라인에 표시할 수 있는 URL이 자동으로 생성됩니다.
브라우저 자체의 오른쪽 클릭 메뉴는 오른쪽 클릭 메뉴의 사용에 영향을 미칩니다. 브라우저 설정에서 오른쪽 클릭 메뉴를 비활성화할 수 있습니다.
일부 기능을 사용할 수 없는 이유는 무엇입니까?
일부 기능은 특정 브라우저 버전에서 지원됩니다(번역자 참고: 2006년 기준).
색상 선택기Firefox 2.0Opera 9 Flood fillOpera 9 이미지 저장Firefox 2.0Opera 9 URL 열기Firefox 1.5Opera 9Latest WebKit Canvas 객체는 사용하기 쉽나요?
브라우저 간 지원이 필요하지 않은 애플리케이션에 적합합니다. 그러나 페인팅에서 가장 큰 문제는 mousemove 이벤트의 새로 고침 빈도로 인해 특히 에어브러시를 사용할 때 커서의 위치를 찾는 것이 쉽지 않다는 것입니다. 또한 크기가 매우 커지면 속도가 매우 느려지고 getPixel() 함수가 없습니다.
기술적 세부사항 이 프로그램에는 5개의 Canvas 개체가 사용됩니다.
기본 아트보드, 미리 보기 페인팅 콘텐츠를 표시하기 위해 위에 떠 있는 투명한 아트보드 레이어, 선택한 콘텐츠를 캐시하는 데 사용되는 숨겨진 캔버스, 실행 취소 상태를 캐시하는 데 사용되는 또 다른 레이어, 프로그램 제목 표시줄에서 그라데이션 색상을 표시하는 데 사용되는 레이어.
다른 사람들의 HTML5 Canvas 실험
Canvascape 3D(HTML5를 사용하여 간단한 1인칭 슈팅 게임 구현)
CanvasGraph(HTML5 Canvas 그리기 JavaScript 라이브러리)
이미지 반사(HTML5 Canvas를 사용하여 이미지 반사 구현)
Canvas Painter(간단한 캔버스 그리기 프로그램)
정말 놀라운 HTML 그리기 프로그램 위의 프로그램이 HTML5의 Canvas 기능에 흥미를 느꼈다면 여기 당신을 놀라게 할 그리기 프로그램이 있습니다. 데스크탑에 뒤지지 않는 인터페이스 경험과 부드러움을 가지고 있습니다. 멀티 스크린 컴퓨터에서는 떠다니는 도구 패널을 두 번째 화면으로 끌어오고 싶은 충동까지 생깁니다.
-