Code666 (代码贴、代码片段)

[JavaScript] html5 把指定的图片绘制到Canvas →→→→→进入此内容的聊天室

来自 , 2021-01-02, 写在 JavaScript, 查看 128 次.
URL http://www.code666.cn/view/a4e858c1
  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4.  
  5. <p>Image to use:</p>
  6. <img id="scream" src="the_scream.jpg" alt="The Scream" width="220" height="277" />
  7.  
  8. <p>Canvas:</p>
  9. <canvas id="myCanvas" width="250" height="300" style="border:1px solid #d3d3d3;">
  10. Your browser does not support the HTML5 canvas tag.</canvas>
  11.  
  12. <script type="text/javascript">
  13.  
  14. var c=document.getElementById("myCanvas");
  15. var ctx=c.getContext("2d");
  16. var img=document.getElementById("scream");
  17. ctx.drawImage(img,10,10);
  18.  
  19. </script>
  20.  
  21. </body>
  22. </html>
  23.  
  24. //javascript/4744

回复 "html5 把指定的图片绘制到Canvas"

这儿你可以回复上面这条便签

captcha

贴代码片段 - Code666