Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/visual-studio-2008/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
获取html画布图像作为javascript对象_Javascript_Html_Canvas - Fatal编程技术网

获取html画布图像作为javascript对象

获取html画布图像作为javascript对象,javascript,html,canvas,Javascript,Html,Canvas,我想把html画布图像作为javascript对象。我从网上查了一些样品。但所有样本都从一个源向画布获取图像,如: 但我的问题是:画布上有一个由铅笔创建的图像元素。我想将该图像作为对象并发布到服务器。但是我找不到。你试过canvas.toDataURL吗 更核心的方法可能是canvas.getContext'2d'。getImageData将返回ImageData对象。pencil创建的图像是drawImage结果,或者用户可以随后创建的图像?canvas.toDataURL的可能副本是正确的。

我想把html画布图像作为javascript对象。我从网上查了一些样品。但所有样本都从一个源向画布获取图像,如:

但我的问题是:画布上有一个由铅笔创建的图像元素。我想将该图像作为对象并发布到服务器。但是我找不到。

你试过canvas.toDataURL吗


更核心的方法可能是canvas.getContext'2d'。getImageData将返回ImageData对象。

pencil创建的图像是drawImage结果,或者用户可以随后创建的图像?canvas.toDataURL的可能副本是正确的。并给出一个解释:toDataURL将画布转换为dataURL字符串。与对象不同,字符串易于传输和保存。.toDataURL字符串可以发送到服务器并保存在服务器文件系统或数据库中。发送字符串的一种常见方法是使用jQuery的AJAX方法将字符串发布到服务器上知道如何保存该字符串的url。
  <body>
    <canvas id="myCanvas" width="578" height="400"></canvas>
    <script>
      var canvas = document.getElementById('myCanvas');
      var context = canvas.getContext('2d');
      var imageObj = new Image();

      imageObj.onload = function() {
        context.drawImage(imageObj, 69, 50);
      };
      imageObj.src = 'http://www.html5canvastutorials.com/demos/assets/darth-vader.jpg';
    </script>
  </body>