Tegnap találkoztam ezzel a nagyszerű JavaScript (jQuery) / Canvas (ha nincs canvas támogatás a böngészőben: flashcanvas vagy ExplorerCanvas) alapú képernyőkép készítő eszközzel. A HTML2Canvas gyakorlatilag egy megadott URL alapján feltérképezi a weboldalt és HTML5 / Canvas elemen megjeleníti. Sajnos a JavaScript effekteket (pl.: Slider-eket), nem követi. Így pl.: ha van egy szép fejléc animációnk, de nem gondoskodtunk arról, hogy javaScript nélkül is szalonképes legyen, akkor bizony nem lesz szép a kép.

HTML elemek megjelenítése Canvas-on

Komplett weboldal megjelenítése URL-ből Canvas elemen

A HTMLtoCanvas eszközt kipróbálhatod Online:

  • http://html2canvas.hertzen.com/screenshots.html

html2canvas Projekt a GIT Hub-on:

  • https://github.com/niklasvh/html2canvas

Kompatibilitás:

  • Firefox 3.5+
  • Google Chrome
  • Opera újabb verziókon
  • >=IE9
HTML To Canvas fejlesztőjének a weboldala:
  • http://html2canvas.hertzen.com/

A html2canvas egyenlőre sokmindent nem támogat így a CSS3 spec effekteket sem, de a fejlesztő nem fejezte be a munkát vele.

Nagyszerű eszköz lesz!