В настоящее время я использую Canvas2Image, чтобы сохранить содержимое моего холста HTML5. Однако он не работает в Google Chrome. Любые идеи о том, как обойти эту проблему, приветствуются.:)
Как сохранить холст HTML5?
Ответ 1
canvas.toDataURL()
, похоже, отлично работает в Chrome, поэтому это может быть проблема с библиотекой. Функциональность "преобразовать холст в изображение", похоже, работает.
Ответ 2
используйте этот код
<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>
загрузите эти canvas2image.js и base64.js и сохраните их в локальной папке для работы этого кода.
Они будут доступны на сайте http://www.nihilogic.dk/labs/canvas2image/
Ответ 3
var canvas = document.getElementById("canvas");
var context = canvas.getContext("2d");
var strDataURI = canvas.toDataURL("image/png;base64");
document.write('<img src="'+strDataURI+'"/>');
Ответ 4
Да, я сделал это! =)
Взгляните на www.assembla.com/code/codetodiagram/subversion/nodes/experimental/canvasBox/default/CanvasBox.js?rev=239#ln1235. Вы можете видеть, что он работает на http://www.thiagomata.com/codetodiagram/svn/experimental/canvasBox/classDiagram/classDiagram.html.
Чтобы сделать изображение не отображаться в браузере, но быть как один донвер, мне нужно создать этот простой файл php: www.assembla.com/code/codetodiagram/subversion/nodes/experimental/canvasBox/default/download.php?rev=23 9
Мне нужно создать close.html в браузере, не сохраняя: пустую страницу после начала загрузки www.assembla.com/code/codetodiagram/subversion/nodes/experimental/canvasBox/default/close.html?rev=239
Я, вероятно, сделаю большой пост об этом в thiagomata.blog.com, но я думаю, что с этими файлами вы уже сможете найти способ.
Возможно, если вы прочтете это сообщение в будущем, ссылка thiagomata.com может быть нарушена, потому что я скоро перенесу этот проект на codetodiagram.com.
Что это! Тиаго Мата