这代码段将一个 canvas 元素添加到您的 HTML 文档。如果浏览器无法渲染画布，或者如果无法读取画布，则会展示替代的文本。提供有用的替代文本或子 DOM 有助于使画布无障碍访问。 - 在线编辑器

<canvas id="canvas" width="300" height="300">
  描述您画布的展示内容的替代文字。
</canvas>

<script>
  var canvas = document.getElementById('canvas');
  var ctx = canvas.getContext('2d');
  ctx.fillStyle = 'green';
  ctx.fillRect(0, 0, 80, 100);
</script>
​x
 
<canvas id="canvas" width="300" height="300">
  描述您画布的展示内容的替代文字。
</canvas>
​
<script>
  var canvas = document.getElementById('canvas');
  var ctx = canvas.getContext('2d');
  ctx.fillStyle = 'green';
  ctx.fillRect(0, 0, 80, 100);
</script>
​