Javascript HTML画布到计算器上的图像Canvas2图像HTML2CANVAS

Javascript HTML画布到计算器上的图像Canvas2图像HTML2CANVAS,javascript,php,html,html2canvas,Javascript,Php,Html,Html2canvas,我是那些“脚本小子”中的一员,正在制作一个弗兰肯斯坦式的HTML PHP JS计算器 我已经将表格变成了图像,用户可以在iOS上长按或右键单击。但是客户端希望它下载,除非我在这里使用代码,否则该文件将以“无标题”的形式下载,并且不会在相应的应用程序中打开 这就是我到目前为止所做的- 计算器为输出制作了一个表格——非常简单。单击紫色图像按钮,它将作为图像进入div 为此,我使用了这些脚本 <button class="button_image" onclick="Submit();" &g

我是那些“脚本小子”中的一员,正在制作一个弗兰肯斯坦式的HTML PHP JS计算器

我已经将表格变成了图像,用户可以在iOS上长按或右键单击。但是客户端希望它下载,除非我在这里使用代码,否则该文件将以“无标题”的形式下载,并且不会在相应的应用程序中打开

这就是我到目前为止所做的-

  • 计算器为输出制作了一个表格——非常简单。单击紫色图像按钮,它将作为图像进入div
  • 为此,我使用了这些脚本

    <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”的文件