Question

晚上好人。

我正在开发一个项目，其中我有一个带有可拖动元素的图像上传画布，可将其放在上传的图像上。

现在有点混乱，因为元素绝对定位到800px分辨率。 Here is the demo.

我现在需要的是一个按钮，它会截取画布区域的屏幕截图，然后将此屏幕截图带到另一页的另一个画布。

这可能吗？

Answer 1

是的，这是可能的。

1）首先将画布转换为数据网址，如下所示：

var dataURL = canvas.toDataURL();

2）将此值传递给下一页。

3）然后加载该网址：

 function loadCanvas(dataURL) {
        var canvas = document.getElementById('myCanvas');
        var context = canvas.getContext('2d');

        // load image from data url
        var imageObj = new Image();
        imageObj.onload = function() {
          context.drawImage(this, 0, 0);
        };

        imageObj.src = dataURL;
   }

有关详细信息，请参阅：

转换数据网址：http://www.html5canvastutorials.com/advanced/html5-canvas-load-image-data-url/

正在加载数据网址：http://www.html5canvastutorials.com/advanced/html5-canvas-load-image-data-url/

获取页面区域的屏幕截图并将其放在另一页面上

1 个答案: