2016-07-04 5 views
1

Я пытаюсь использовать API JDenticon (см. JDenticon API) для создания идентификатора с использованием Javascript и отображения изображения на основном HTML-сайте. Впоследствии я хочу получить изображение с помощью Java. Но пока я просто хочу, чтобы изображение отображалось в HTML-документе.Создание идентификатора с использованием JDenticon

Вот код моего 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> 

Но при просмотре test.html в Firefox нет фото, почему это? Я чувствую, что мне не хватает чего-то действительно важного, но я не могу понять, что это такое.

ответ

2

Вы пропустили 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>

+0

О Боже, благодарю вас, не знаю, как я мог пропустить это. – JetStream

Смежные вопросы