jslibsMozilla의 SpiderMonkey를 이용해 커맨드 라인에서 자바스크립트를 사용하는 한가지 방법입니다. jslibs는 보통 PHP나 Python을 통해 접근했던 수많은 공용 라이브러리에 대한 래퍼를 제공합니다. 이미지 관리, 압축, 사운드, ogg vorbis와 OpenGL을 통한 애니메이션과 비디오 등이 있습니다. 또한 전용 래퍼를 통해 SQLite에도 접근할 수 있습니다.

from jslibs - free JavaScript of browser limitations
Posted by 행복한고니 트랙백 0 : 댓글 0

댓글을 달아 주세요

from Canvas2Image: Save out your canvas data to images on Ajaxian

테스트 이미지

EnZine을 쓰고 이미지로 변환한 결과물


Jacob Seidelin씨의 또 다른 작업입니다. 그는 <canvas> 데이터를 이미지로 내보낼 수 있는 라이브러리인 Canvas2Image를 만들었습니다. 즉, 이런 식으로 canvas 이미지를 만들 수 있다는 얘기입니다:
var strDataURI = oCanvas.toDataURL();
// returns "https://t1.daumcdn.net/cfile/tistory/2674B34156E693F70A"

전체 API를 사용한 예제입니다:
/*
 * Canvas2Image.saveAsXXXX = function(oCanvasElement, bReturnImgElement, iWidth, iHeight) { ... }
 */

var oCanvas = document.getElementById("thecanvas");

Canvas2Image.saveAsPNG(oCanvas);  // PNG 이미지 저장 대화창이 나타납니다.

Canvas2Image.saveAsJPEG(oCanvas); // JPEG 이미지 저장 대화창이 나타납니다.
                                  // Firefox만 가능.

Canvas2Image.saveAsBMP(oCanvas);  // BMP 이미지 저장 대화창이 나타납니다.


// PNG로 변환된 <img> 엘리먼트 반환
var oImgPNG = Canvas2Image.saveAsPNG(oCanvas, true);  

// JPEG로 변환된 <img> 엘리먼트 반환(Firefox만 가능)
var oImgJPEG = Canvas2Image.saveAsJPEG(oCanvas, true);
                                                      
// BMP로 변환된 <img> 엘리먼트 반환
var oImgBMP = Canvas2Image.saveAsBMP(oCanvas, true);


// 모든 함수는 너비와 높이를 인자로 줄 수 있습니다
// 모든 이미지는 크기에 맞게 축소/확대 됩니다:

// 100x100 크기의 PNG 이미지 저장
Canvas2Image.saveAsPNG(oCanvas, false, 100, 100);

Posted by 행복한고니 트랙백 0 : 댓글 0

댓글을 달아 주세요