HTML5 캔버스 API를 사용하여 스크립트를 통해 대화식으로 이미지를 일괄 적으로 생성 할 수 있습니까?

Question

현재 시각적 시각화를위한 이미지 (일반적으로 CSV 파일 또는 다른 데이터 컨테이너에서)를 만들려면 Python을 스크립팅 언어로 사용하고 Cairo를 드로잉 API로 사용합니다. 스크립트를 실행하고 .png 파일로 가득 찬 디렉토리를 가질 수 있습니다.

카이로는 매우 훌륭한 드로잉 API이지만 Canvas는 다른 주류 인 것 외에도 더 복잡한 그래픽을 만들 수있는 몇 가지 작업 (예 : 합성 및 변경)이 있습니다.

내가 보는 주된 문제는 브라우저 기반이므로 스크립트는 실제 캔버스 렌더링 엔진이있는 스크립트 가능한 브라우저를 호출해야한다고 생각합니다. 나는 "스크립트 가능한 브라우저"(명령 행을 통한) 개념이 전혀 존재하지 않는지조차 모른다.

그다지 큰 문제는 실행중인 HTTP 서버가 필요하지만 파이썬이 SimpleHTTPServer을 제공한다고 생각합니다. 제대로 작동해야합니다.

아이디어가 있으십니까?

읽어 주셔서 감사합니다. 앞으로 더 많은 사람들에게 도움이되기를 바랍니다.

Answer 1

대단한 야심 찬 아이디어!

브라우저의 스크립트를 작성하고 이미지를 작성할 수 있습니다. 그 (것)들을 저장하는 것은 조금 어려울지도 모르다.

스크립트를 포함한 HTML 파일을 작성한 다음 파이썬의 webbrowser 모듈을 사용하여 브라우저 창에서 해당 파일을 열 수 있습니다. 간단한 웹 서버를 설정하거나 file:// URI를 사용하여이를 수행 할 수 있습니다.

XMLHttpRequests에서 file://으로의 지원이 "동일한 도메인"에서도 보장 될 수 있으므로 사소한 웹 서버를 설정하는 것이 좋습니다.

당신은 Javascript를 작성하여 임의의 (로컬) URI를 취하고, XHR을 사용하여 내용을 가져 와서 처리 할 수 ​​있습니다. 해당 로컬 URI를 전달할 수있는 쉬운 방법은 조각 문자열에서 구문 분석하는 것입니다. 한 가지가 있다면 janky 방식이지만 Twitter에서 사용하므로 너무 나쁘지는 않습니까?

다음 이미지를 각각 캔버스로 렌더링하고 Eli Gray의 FileSaver을 확인하십시오. 모든 이미지를 저장하려면 bazillion 번 버튼을 클릭해야 할 수도 있습니다.

행운을 빈다 - 나는 그것이 어떻게되는지에 관해 알고 싶어한다.

Answer 2

어때 대략 PhantomJS? 이미지를 출력하는 render 메서드가 있습니다. Interface docs을 참조하십시오.