在HTML5中,canvad元素用于在网页上绘制图形,强大之处在于可以直接在HTML上进行图形操作,拥有多种绘制路径,矩形,圆形,字符以及添加图像的方法,可以创建丰富的图形引用。

canvas标签只有两个属性,width和height,而与canvas属性很像的img元素,则还有src和alt属性。

<canvas id="miaomiao" width="150" height="150">如果浏览器支持,就显示这句话</canvas>

一开始不知道canvas标签内为什么要加一句话,后来发现这里面是替代内容,就像img元素里面alt属性一样M5AZP}CJEZYXF$TP$IZ235F.png

canvas标签中提供了替换内容,不支持canvas的浏览器会忽略canvas容器,并渲染预备的这句话;而支持canvas的浏览器会忽略这句话,只正常渲染canvas.
canvas的预备内容可以是文字以外,还可以是图片

<canvas>
<img src="https://www.bianlulu.com/usr/uploads/2018/05/1401814082.jpg">
</canvas>

标签: none

添加新评论