So sparen Sie HTML5 canvas?

StackOverflow https://stackoverflow.com/questions/2544260

  •  23-09-2019
  •  | 
  •  

Frage

Momentan benutze ich Canvas2Image so speichern Sie den Inhalt von mein HTML5-canvas.Es scheint nicht zu funktionieren in Google Chrome, aber.Irgendwelche Ideen, wie das Problem zu umgehen, sind willkommen.:)

War es hilfreich?

Lösung

canvas.toDataURL() scheint gut funktionieren in Chrome, so dass es eine Bibliothek Problem sein kann. Die „convert Leinwand Bild“ Funktionalität scheint zu funktionieren, aber.

Andere Tipps

Mit diesem Code 

<html>
<head>
<script src="base64.js" type="text/javascript"></script>
<script src="canvas2image.js" type="text/javascript"></script>
</head>
<body>
<input type="button" id="savecanvas" value="Save Image" onclick="savecanvasfile()"/>
</body>
</html>



<script>
function savecanvasfile(){
    var canvas = document.getElementById('canvas_name');
    var context = canvas.getContext('2d');
    var strDataURI = canvas.toDataURL();
    Canvas2Image.saveAsPNG(canvas);
}
</script>

herunterladen diese canvas2image.js und base64.js und speichern Sie es in lokalen Ordner für den Arbeits dieses Codes.

Diese werden in der Site zur Verfügung http://www.nihilogic.dk/labs/canvas2image/ 

var canvas = document.getElementById("canvas");
var context = canvas.getContext("2d");
var strDataURI = canvas.toDataURL("image/png;base64");
document.write('<img src="'+strDataURI+'"/>');

Ja ich habe es getan!=)

Werfen Sie einen Blick in www.assembla.com/code/codetodiagram/subversion/nodes/experimental/canvasBox/default/CanvasBox.js?rev=239#ln1235.Sie können sehen, es läuft auf http://www.thiagomata.com/codetodiagram/svn/experimental/canvasBox/classDiagram/classDiagram.html.

Damit das Bild nicht in den browser, aber so eine Einladung brauche ich zum erstellen dieses einfachen php-Datei: www.assembla.com/code/codetodiagram/subversion/nodes/experimental/canvasBox/default/download.php?rev=239

Ich brauche zum erstellen einer close.html zu den browser nicht halten eine about:blank Seite nach dem download starten www.assembla.com/code/codetodiagram/subversion/nodes/experimental/canvasBox/default/close.html?rev=239

Ich werde wahrscheinlich einen großen Beitrag darüber in der thiagomata.blog.com aber ich denke, mit diesen Dateien, die Sie bereits in der Lage sein, den Weg zu finden.

Vielleicht, wenn Sie diesen post Lesen, in die Zukunft der thiagomata.com link kann gebrochen werden weil ich bald migrieren Sie das Projekt, um die codetodiagram.com.

Das ist es!Thiago Mata

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top