Comentário: A idéia principal de salvar o conteúdo da tela HTML5 como uma imagem é usar a própria API do Canvas - Todataurl () para implementá -la. A implementação específica é a seguinte. Amigos interessados podem se referir a ele. Espero que seja útil para você.
A idéia principal é usar a própria API do Canvas - Todataurl () para implementar toda a implementaçãoO código do HTML + JavaScript é simples.
<html>
<meta http-equiv = "x-ua compatível com" content = "chrome = 1">
<head>
<Cript>
window.onload = function () {
empate();
var saveButton = document.getElementById ("saveImageBtn");
bindButTonevent (saveButton, "clique", saveImageInfo);
var dlbutton = document.getElementById ("DownloadImageBtn");
bindButtonevent (dlbutton, "clique", saveaslocalimage);
};
função draw () {
var canvas = document.getElementById ("theCanvas");
var ctx = Canvas.getContext ("2D");
ctx.fillstyle = "rgba (125, 46, 138, 0,5)";
ctx.FillRect (25,25,100.100);
ctx.fillstyle = "rgba (0, 146, 38, 0,5)";
ctx.FillRect (58, 74, 125, 100);
ctx.fillstyle = "rgba (0, 0, 0, 1)"; // cor preta
ctx.FillText ("Glomyyfish - Demo", 50, 50);
}
função bindButtonevent (elemento, tipo, manipulador)
{
if (element.addeventListener) {
element.AddeventListener (tipo, manipulador, false);
} outro {
element.attachevent ('on'+tipo, manipulador);
}
}
função saveImageInfo ()
{
var mycanvas = document.getElementById ("theCanvas");
var imagem = mycanvas.todataurl ("imagem/png");
var w = window.open ('sobre: em branco', 'imagem da tela');
w.document.write ("<img src = '"+imagem+"' />