1 回答

TA貢獻(xiàn)1848條經(jīng)驗(yàn) 獲得超10個(gè)贊
是因?yàn)槟銢]有理解mdn里面說的是什么意思。
與 <img> 元素不同,<canvas> 元素需要結(jié)束標(biāo)簽(</canvas>)。如果結(jié)束標(biāo)簽不存在,則文檔的其余部分會(huì)被認(rèn)為是替代內(nèi)容,將不會(huì)顯示出來。
所謂的替代元素,是指當(dāng)canvas不可用時(shí),替代canvas的元素。也就是說如果不帶結(jié)束標(biāo)簽,那么img標(biāo)簽及之后的所有元素都會(huì)被認(rèn)為是替代元素,將不會(huì)被顯示。
<canvas id="clock" width="150" height="150">
<img src="images/clock.png" width="150" height="150" alt=""/>
</canvas>
如上,如果canvas不受瀏覽器支持,那么在這里顯示的就是一個(gè)img標(biāo)簽。
你可以通過
var canvas = document.createElement("canvas");
var img = document.createElement("img");
canvas.appendChild(img);
document.body.appendChild(canvas);
來達(dá)到如上目的。
還有一個(gè)更有趣的點(diǎn)。
var canvas = document.createElement("canvas");
console.log(canvas.outerHTML)//<canvas></canvas>
添加回答
舉報(bào)