ការប្រើប្រាស់​រូបភាព
វា​ជា​ការងាយ​ស្រួល​ជា​ទីបំផុត ក្នុង​ការប្រើប្រាស់​រូបភាព​ផ្សេង​ៗ​នៅ​ក្នុង​ធាតុ canvas គឺ​យើងគ្រាន់តែ​យក​រូបភាព​ទាំងឡាយ​​ដែល​មាន​នៅ​ក្នុង​ទំព័រ HTML ដែល​នៅ​ក្នុង​នោះ ក៏​មាន​ធាតុ canvas ដែរ​នោះ​មក​ប្រើ គឺ​ជាការស្រេច​។ ពិនិត្យ​កម្មវិធី​ខាង​ក្រោម​នេះ៖
<!DOCTYPE html>
<html>
  <head>
    
  </head>
  <body style="font:14px/1.5 'Odor Mean Chey'">

    <img style="display:none;" id="clock" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgILxJJijz1XkNhEeYqijKev0g4nn05lzL9Apt3qb-pO2KnTNEseQXZTABDYWGaNrhY984g0Mz-edznp1MpQYqKzEsKqj4QyvnN4lWcMqDXu7eKHBYQ5XfgdlvoZvkP2qUVQn1qDjAt00o/s512/clock.png" />

    <canvas id="myCanvas" width="613" height="520"></canvas>

	<script>
      window.onload = function() {
        var canvas = document.getElementById("myCanvas");
        var ctx = canvas.getContext("2d");
        var img = document.getElementById("clock");
        ctx.drawImage(img, 0, 0);
      }
    </script>
    
  </body>
</html>