0

我正在做一个项目，我必须监听粘贴事件并将图像从剪贴板保存到服务器并将其显示在画布上以供进一步绘图。

工作原理：获取剪贴板图像并保存，在画布上显示图像作为背景。

什么不起作用：调整画布大小以便可以显示整个图像。此外，在保存时，我不会将绘图保存在背景图像上，而只会保存绘图。

我试过了

 var newImg = document.getElementById('justimg');
    newImg.src = data.showthis;
    newImg.onload= function(){
        curHeight = newImg.height;
        curWidth = newImg.width;
        alert(curWidth);
        alert(curHeight);}

获取图像属性，但仅显示画布属性。

 <img id="justimg">
<canvas id="bearimage" ></canvas>

还请建议如何使用背景图像保存画布绘图。

4

1 回答 1

0

您需要获取 canvas 元素，然后像这样更改它的宽度和高度，

var newImg = document.getElementById('justimg');
    newImg.src = data.showthis;
    newImg.onload= function(){
        var canvas = document.getElementById('bearimage');
        canvas.height = newImg.height ;
        canvas.width = newImg.width ;
        alert(canvas.height);
        alert(canvas.width);}

要保存画布图像，您首先需要在其上绘制图像，然后您可以保存它！这是保存图像的链接，http://www.nihilogic.dk/labs/canvas2image/

于 2013-03-01T11:16:10.533 回答