使用 JDenticon 生成 Identicon答案

【问题标题】：Generate Identicon using JDenticon使用 JDenticon 生成 Identicon
【发布时间】：2016-11-06 03:36:04
【问题描述】：

我尝试使用JDenticon API（请参阅JDenticon API）使用Javascript 生成一个身份图标，并将图片显示在一个基本的HTML 网站上。之后我想使用 Java 获取图像。但现在我只想将图像显示在 HTML 文档上。

这是我的 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 时却没有图片，这是为什么呢？我觉得我错过了一些非常重要的东西，但我无法弄清楚它是什么。

【问题讨论】：

标签： javascript html identicon

【解决方案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>

【讨论】：