HTML5 互动版

在线工具推荐: Three.js AI纹理开发包 - YOLO合成数据生成器 - GLTF/GLB在线编辑 - 3D模型格式在线转换 - 可编程3D场景编辑器

实例 - 图像


把一幅图像放置到画布上, 使用以下方法:

drawImage(image,x,y)

实例

使用图像 : 放置到画布上 :

JavaScript代码

   var c=document.getElementById("myCanvas");
   var ctx=c.getContext("2d");
   var img=document.getElementById("scream");
   ctx.drawImage(img,10,10);

canvas 元素

<canvas id="myCanvas" width="250" height="300" style="border:1px solid #c3c3c3;">
      你的浏览器不支持Canvas元素。
</canvas>