Hochwertiger HTML5 und Javascript Code von dem Designbüro Standardabweichung aus München

HTML5 Canvas - Context 2D - Canvas to Base64

Das HTML5 und Javascript Bild von Standardabweichung aus München

Canvas to Base64

Konvertiert das HTML5 Canvas Element in das PNG-Dateiformat, codiert es als Base64-String und öffnet es anschließend in einem neuen Browserfenster.

In der Praxis wird die Methode unter anderem in folgenden Szenarien angewendet:
1. Zur Serverbasierten Bildweiterverarbeitung
2. Zur Anzeige eines statischen Abbildes der erzeugten HTML5 Canvas-Grafik

var width = canvas.width; var height = canvas.height; var data = canvas.toDataURL(); //toDataURL():String, Base64 //Canvas als PNG Bild in neuem Browserfenster öffnen window.open(data, 'Canvas as PNG Image', 'width=' + width + ', height=' + height);

HTML5 / Javascript Code Teilen

Javascript Snippet auf Facebook teilen  Facebook
Javascript Snippet auf Facebook teilen  Google+