0

我是帆布新手。我正在使用以下代码从另一个图像在画布中插入图像。当我尝试使用代码从 div 创建图像时

 <!DOCTYPE html><html> 
        <head> 
            <title>test</title> 
            <script type="text/javascript">
            var colour="#ccc",bgcolour="#fff";
            function paint(hhh){
               canvas = document.getElementById('canvas'); 
               ctx = canvas.getContext('2d');
               var img=document.getElementById('mine');
               ctx.drawImage(img,0,0);
            }
        </script> 
        </head> 
        <body  onload="paint('scribble');"  >
            <canvas id="canvas" style="border:solid 1px;" width="400" height="400">g</canvas>  <div id="mine">canvas</div>
        </body> 
    </html>

它不工作。 我的问题是如何从 div 而不是另一个图像中绘制图像？

4

2 回答 2

0

问题是您不能从不是图像的元素或另一个画布元素绘制到画布上。查看这篇 MDN 文章以获取更多信息使用带有画布的图像

另一个问题是您在事件中将 div 视为图像，div 没有onload事件。

于 2012-04-07T16:38:01.030 回答
0

您可以在 Canvas 上使用 drawImage 绘制的唯一图像是在图像对象的“src”属性中声明的图像。规格可在此处找到。

我不知道有什么方法可以将 div 标签的内容放入图像对象中，而且我认为这并不是一件容易的事。你应该考虑替代方案...

于 2012-04-08T02:28:11.427 回答