[Javascript] 動的に追加したcanvasにidenticonを表示してみました

yasu (81)memberin Steem Japan • 4 years ago (edited)

こんにちは、@yasuです。

最初、動的に追加したcanvasにidenticonを表示させたとき、

真っ白になりました。

その時に参考にした記事を見て、監視モードを有効にするとあったので、

ライブラリを取り込む前に有効にしたら、表示できました。

ただ、

あとで、その処理を削除しても表示されたので、、、

なぜかな？

実行方法

https://ojagggyo.github.io/javascript/jdenticon.0.2.html

実行結果

ソース

<html>
<head>
<title>Jdenticon browser test</title>
<meta charset="UTF-8">
<script>
    window.jdenticon_config = {
        replaceMode: "observe"
    };
</script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
</head>
<body>
<span id=text></span>
<script>
document.getElementById("text").innerHTML = '<canvas id=a231404 width=200 height=200 data-jdenticon-value=yasu></canvas>';
</script>
</body>
</html>

参考

Jdenticon doesn't render my icons

[Javascript] 動的に追加したcanvasにidenticonを表示してみました

実行方法

実行結果

ソース

参考

関連

Coin Marketplace