Rev. 2.73

firejune.png

Jacob Seidelin씨는 Canvas 엘리먼트에 그려진 정보를 이미지로 저장해주는 라이브러리인 Canvas2Image를 만들었다. 서버의 리소스를 차지하지 않고 자바스크립트만으로 base64 Data URI를 즉석해서 생성하여 PNG, BMP, JPEG 포멧으로 디스크에 저장할 수 있게 한다. 단순히 벡터(vector) 그래픽의 표현 수단에 불과했던 Canvas 엘리먼트를 저장 수단으로 활용한 멋진 역발상 사례다. 이 라이브러리를 응용하면 정말로 Canvas 기반은 웹 드로잉 애플리케이션을 만들 수도 있겠다. 비록 IE계열 브라우저에서 Canvas 엘리먼트를 철저하게 지원하지 않는 덕분에 현설성이 매우 떨어지기는 하지만 말이다.

var strDataURI = oCanvas.toDataURL();   
// returns "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACt..."  

Comments

Got something to add? You can just leave a comment.

Your Reaction Time!

captcha

avatar