html5中的canvas元素是该规范中极具亮点的特性之一，拥有卓越的图形渲染能力，可实现路径绘制、矩形与圆形生成、文本渲染以及图片嵌入等多样化操作，极大拓展了网页视觉表现的边界。

1、 启动Sublime Text编辑器

2、 创建标准HTML结构

3、 在页面body区域内插入一个canvas标签，为其分配id属性值为mycanvas，并设定宽度为500像素、高度为300像素。

Markdown Canvas

将Markdown文件转换为美观的HTML页面，适用于Canvas或浏览器查看。用于用户请求渲染、可视化、显示或分享Markdown文件时。

下载

4、 为提升CSS样式的精准操控性，id用于唯一标识该画布元素，而width和height则分别定义其可视区域的宽高尺寸。

5、 当前已成功构建一块默认透明背景的绘图区域，只需通过CSS或JavaScript为其添加背景色或背景图像，即可在浏览器中完整呈现。

6、 针对老旧浏览器对canvas不兼容的情况，可在canvas标签内部添加一段友好提示文案，当浏览器无法识别该标签时，将自动显示该提示内容。