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']);
?>