我正在關(guān)注一個(gè)關(guān)于如何為 favicon 制作動(dòng)畫的博客。我沒有讓它工作，所以我把它分解成幾個(gè)部分，得出的結(jié)論是問(wèn)題是我沒有用生成的數(shù)據(jù)更新網(wǎng)站圖標(biāo)。控制臺(tái)告訴我 favicon 未定義且分配失敗。<!doctype html><html><head> <base href="/"> <!-- <link rel="icon" type="image/x-icon" href="favicon.ico"> --> <link rel="icon" type="image/png" href="" width=32px></head><script> window.onload = function () { const canvas = document.querySelector('canvas'); const context = canvas.getContext('2d'); if (!!context) { context.clearRect(0, 0, 32, 32); context.beginPath(); context.moveTo(0, 0); context.lineTo(0, 32); context.moveTo(0, 0); context.lineTo(32, 32); context.stroke(); const data = canvas.toDataURL("image/png"); console.log(data); favicon.href = data; } };</script><body> <canvas width="32" height="32"></canvas> <app-root>Loading...</app-root></body></html>我可以看到數(shù)據(jù)出現(xiàn)在控制臺(tái)中（假設(shè)它是正確的信息垃圾）。但是，下一行無(wú)法執(zhí)行。博客中沒有關(guān)于favicon是如何定義的，我想知道它是否僅適用于某些瀏覽器/平臺(tái)？
無(wú)法使用 JavaScript 更新網(wǎng)站圖標(biāo)以使其旋轉(zhuǎn)
www說(shuō)
2021-09-17 10:08:03
