图像未显示在画布中答案

【问题标题】：the image is not showing in the canvas图像未显示在画布中
【发布时间】：2015-12-02 06:55:03
【问题描述】：

我需要图像方面的帮助。我将图像放在画布上，但它不起作用。

setInterval(function(){
    game();
}, 1000/30);

#start{
background-color:#33ff00;
}

<html>
<head>
<title>beta</title>
<link href="chip.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<canvas height="938" width="1890" id="start"><img src="chio.jpg"/></canvas>
<script src="beta.js"</script>
</body>
</html>

我现在迷路了。

【问题讨论】：

因为画布可以被视为一个绘图表，您不能像在基本 DIV 中那样简单地将元素放在其中，您必须使用不同的方法w3schools.com/html/html5_canvas.asp 在这里找到一些示例，否则寻找画布教程，有很多
"鉴于 canvas 元素具有透明的内容模型，它可能包含 fallback 元素，这些元素会在 canvas 元素不受支持的情况下显示。它们将如果画布支持，则不会显示。" -> stackoverflow.com/a/4797877/1913729

标签： javascript css html

【解决方案1】：

canvas 元素不能有 img 子元素。如果要在画布元素中嵌入图片文件，则必须使用 drawImage() 将图片绘制到画布上。

【讨论】：