使用 JDenticon 生成 Identicon

Question

我尝试使用 JDenticon API (see JDenticon API) 通过 Java 脚本生成一个标识图标，并将图片显示在基本 HTML 站点上。之后我想使用 Java 获取图像。但现在我只想将图像显示在 HTML-document 上。

这是我的test.html

的代码

<!DOCTYPE HTML>

<html>
    <head>
        <title>Test</title>
    </head>
    <body>
        <script src="//cdn.jsdelivr.net/jdenticon/1.3.2/jdenticon.min.js" async></script>

        <canvas width="200" height="200" data-jdenticon-hash="ff8adece0631821959f443c9d956fc39">
        Fallback text for browsers not supporting canvas</canvas>

        <svg width="200" height="200" data-jdenticon-hash="ff8adece0631821959f443c9d956fc39">
        Fallback text for browsers not supporting inline svg</svg>

    </body>
</html>

但是在Firefox中查看test.html时没有图片，这是为什么？我觉得我错过了一些非常重要的东西，但我无法弄清楚它是什么。

Answer 1

您错过了 https:

<!DOCTYPE HTML>

<html>
    <head>
        <title>Test</title>
    </head>
    <body>
        <script src="https://cdn.jsdelivr.net/jdenticon/1.3.2/jdenticon.min.js" async></script>

        <canvas width="200" height="200" data-jdenticon-hash="ff8adece0631821959f443c9d956fc39">
        Fallback text for browsers not supporting canvas</canvas>

        <svg width="200" height="200" data-jdenticon-hash="ff8adece0631821959f443c9d956fc39">
        Fallback text for browsers not supporting inline svg</svg>

    </body>
</html>

使用 JDenticon 生成 Identicon

Generate Identicon using JDenticon

html

javascript

identicon