Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Client-side JavaScript Rendering Engine based on Canvas and DOM
JavaScript
Branch: master
Failed to load latest commit information.
example add example renderings (png)
src
.gitignore add package.json, use npm for dependencies
README.md add example renderings (png)
package.json add package.json, use npm for dependencies
server.js add package.json, use npm for dependencies

README.md

DOM Panda

Client-side JavaScript Rendering Engine based on Canvas and DOM.

Demo

There are two demo pages. The rendering process starts as soon as the page loads and the result rendering is shown in the upper right corner of the page when it is finished. You can look at the developer console to see how long does the rendering process take.

Here are screenshots of the demo renderings:

Installation

git clone git://github.com/jankuca/dom-panda.git
cd dom-panda
npm install

Run

npm start

http://localhost:1100/example/kittens.html
http://localhost:1100/example/lastfm.html

Do I need Node.js to run this?

Absolutely not! You can use whatever server you want.

The only thing you need to assure is that /imageproxy?url=http://... returns the image specified by the url GET parameter.

This is required because of the cross-origin request policy implemented by browsers. If we directly requested the image from the original location, we would get a SECURITY_ERR exception.

For example, in PHP, the image proxy script could be as simple as

<?php
echo file_get_contents($_GET['url']);
?>
Something went wrong with that request. Please try again.