​x
 
<!DOCTYPE html>
<html>
<body>
​
<h1>HTML5 Canvas</h1>
​
<p>要用到的图片：</p>
​
<img src="/i/photo/tulip.jpg" alt="郁金香" height="300" id="tulip">
​
<p>画布：</p>
​
<canvas id="myCanvas" width="320" height="320" style="border:1px solid grey;"></canvas>
​
<script>
window.onload = function() {
  const canvas = document.getElementById("myCanvas");
  const ctx = canvas.getContext("2d");
  const img = document.getElementById("tulip");
  ctx.drawImage(img, 10, 10);
};
</script>
​
</body>
</html>
​