编辑您的代码：提交代码

​x
 
1
2
3
<!DOCTYPE html>
4
<html>
5
<body>
6
​
7
<p>要使用的图像：</p>
8
<img id="tulip" src="/i/eg_tulip.jpg" alt="The Tulip" />
9
​
10
<p>画布：</p>
11
<canvas id="myCanvas" width="500" height="300" style="border:1px solid #d3d3d3;background:#ffffff;">
12
Your browser does not support the HTML5 canvas tag.
13
</canvas>
14
​
15
<script>
16
​
17
var c=document.getElementById("myCanvas");
18
var ctx=c.getContext("2d");
19
var img=document.getElementById("tulip");
20
ctx.drawImage(img,10,10);
21
​
22
</script>
23
​
24
</body>
25
</html>
26
          

查看结果：

请在上面的文本框中编辑您的代码，然后单击提交按钮测试结果。w3c0.com

W3c0.com 提供的内容仅用于培训。我们不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。W3c0 简体中文版的所有内容仅供测试，对任何法律问题及风险不承担任何责任。 当使用本站时，代表您已接受了本站的使用条款和隐私条款。版权所有，保留一切权利。 鲁ICP备15022115号