/htmlcan

render html-Nodes to canvas for WebGL

Primary LanguageJavaScriptMIT LicenseMIT

htmlcan (html to canvas)

HTML-Knoten auf canvas für WebGL-Textur rendern

Beispiel oben Canvas unten HTML:

Vergleich Canvas vs. HTML

Im Prinzip hole ich mir die Position, Größe, Hintergrundfarbe, Textfarbe+Font, Eckenabrundung der Elemente; dazu Bilder - und rendere das in ein canvas-Element.

Klassische input-Elemente werden auch gezeichnet. Es findet aber keine Interaktion mit diesen statt. Dies müßte ergänzt werden.

Beim genauen Hinschaun ist es noch nicht perfekt, z.B. wenn fetter Text in normalen Text steht. Für einen Anfang sollte es genügen.

Das ganze funktioniert nur wenn es von einem Server kommt.