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