HTML5 互动版

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

创建一个画布(Canvas)


一个画布在网页中是一个矩形框,通过 < canvas > 元素来绘制.

注意: 默认情况下 < canvas > 元素没有边框和内容。

< canvas > 简单实例如下:

<canvas id="myCanvas" width="200" height="100"></canvas>

注意: 标签通常需要指定一个id属性 (脚本中经常引用), widthheight 属性定义的画布的大小.

提示:你可以在HTML页面中使用多个 < canvas > 元素.

使用 style 属性来添加边框:

实例

<canvas  id="myCanvas" width="200" height="100" style="border:1px solid #000000;">
</canvas>
亲自画一个宽度为100,高度为100的画布。