Javascript HTML画布到计算器上的图像Canvas2图像HTML2CANVAS
我是那些“脚本小子”中的一员,正在制作一个弗兰肯斯坦式的HTML PHP JS计算器 我已经将表格变成了图像,用户可以在iOS上长按或右键单击。但是客户端希望它下载,除非我在这里使用代码,否则该文件将以“无标题”的形式下载,并且不会在相应的应用程序中打开 这就是我到目前为止所做的-Javascript HTML画布到计算器上的图像Canvas2图像HTML2CANVAS,javascript,php,html,html2canvas,Javascript,Php,Html,Html2canvas,我是那些“脚本小子”中的一员,正在制作一个弗兰肯斯坦式的HTML PHP JS计算器 我已经将表格变成了图像,用户可以在iOS上长按或右键单击。但是客户端希望它下载,除非我在这里使用代码,否则该文件将以“无标题”的形式下载,并且不会在相应的应用程序中打开 这就是我到目前为止所做的- 计算器为输出制作了一个表格——非常简单。单击紫色图像按钮,它将作为图像进入div 为此,我使用了这些脚本 <button class="button_image" onclick="Submit();" &g
<button class="button_image" onclick="Submit();" ><i class="fa fa-camera"></i> Image</button>
<div id="img-out" style="width: 100%; margins: 0 auto; text-align: center;"></div>
<script type="text/javascript" src="canvas2image.js"></script>
<script type="text/javascript" src="html2canvas.js"></script>
<script type="text/javascript">
var Submit = function() {
html2canvas(document.querySelector("#content"), {
onrendered: function(canvas) {
var data = canvas.toDataURL('image/png');
var image = new Image();
image.src = data;
document.getElementById('img-out').appendChild(image);
}
});
};
</script>
图像
var Submit=function(){
html2canvas(document.querySelector(“内容”){
onrendered:函数(画布){
var data=canvas.toDataURL('image/png');
var image=新图像();
image.src=数据;
document.getElementById('img-out').appendChild(图像);
}
});
};
这就是下一个地方。单击按钮时,具有漂亮圆圈的画布将进入.png文件。
简单,我需要将表格放到画布上,但对我来说并不简单,因此当用户单击按钮时,表格的画布将以.png格式发送到计算机
<div id="img-out2" style="width: 100%; margins: 0 auto; text-align: center;">
<canvas id='drawhere_cicles3' width='350' height='350' style="margins: 0 auto; text-align: center; border: 0px solid #ccc"></canvas><br />
<script src='http://greenethumb.com/canvas/circles/circles3.js'></script><br />
<script src='canvassaver.js'></script>
<script>
var cs = new CanvasSaver('saveme.php');
var cnvs = document.getElementById('drawhere_cicles3');
var btn = cs.generateButton('save an image of these pretty circles!', cnvs, 'myimage');
document.getElementById('img-out2').appendChild(btn);
</script></div>
var cs=newcanvasaver('saveme.php');
var cnvs=document.getElementById('drawhere\u cicles3');
var btn=cs.generateButton('保存这些漂亮圆圈的图像!',cnvs,'myimage');
document.getElementById('img-out2').appendChild(btn);
因此,我需要将表格放在画布上,而不是放在div id
content
中,因此当用户单击按钮时,画布将以.png格式发送到计算机,您到底需要什么,我不明白?我需要把桌子放到画布上谢谢你2pha但它没有做和这一样的事情。该解决方案只需下载一个名为“Untitled”的文件