Fatal编程技术网

Javascript 从Div创建图像

javascript canvas html5-canvas

Javascript 从Div创建图像,javascript,canvas,html5-canvas,Javascript,Canvas,Html5 Canvas,我是画布新手。我使用下面的代码从另一个图像在画布中插入一个图像。当我尝试使用代码从div创建图像时 <!DOCTYPE html><html> <head> <title>test</title> <script type="text/javascript"> var colour="#ccc",bgcolour="#fff";

我是画布新手。我使用下面的代码从另一个图像在画布中插入一个图像。当我尝试使用代码从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>


测验
var color=“#ccc”，bgcolour=“#fff”；
功能涂料（hhh）{
canvas=document.getElementById（'canvas'）；
ctx=canvas.getContext（'2d'）；
var img=document.getElementById（'mine'）；
ctx.drawImage（img，0,0）；
}
帆布
它不起作用。
我的问题是如何从div而不是另一个图像绘制图像？

问题是无法从非图像的元素或另一个画布元素绘制到画布。查看这篇MDN文章了解更多信息

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

在画布上使用drawImage绘制的唯一图像是图像对象的“src”属性中声明的图像。规格可能会有所不同

我不知道有什么方法可以将div标记的内容放入image对象中，我认为这不是一件容易的事情。你应该考虑其他选择…

@Michelesmith这是因为你不能从画布或图像以外的任何东西上绘画。