Jdenticon

JavaScript library for generating highly recognizable identicons using 超文本标记语言5 canvas or SVG.

现场演示

https://jdenticon.com

入门指南

Using Jdenticon 很简单。按照以下步骤进行集成 Jdenticon into your website.

1. 添加标识图标占位符

Jdenticon 能够渲染位图和矢量图的标识符。 位图图标被渲染
略快于矢量图标，但矢量图标在高分辨率屏幕上缩放效果更好。
添加一个画布以渲染位图图标，或添加一个内联SVG元素以渲染矢量图标。

1
2
3
4
5
6
<svg width="80" height="80" data-jdenticon-value="icon value">svg>
 
 
 
 
<canvas width="80" height="80" data-jdenticon-value="icon value">canvas>

2. 添加参考文献 Jdenticon

Include the Jdenticon 页面上的某个位置有图书馆。 你可以自己托管它，或者
立即使用它 jsDelivr.

1
2
3
4
5
6
7
8
9
<script src="https://cdn.jsdelivr.net/npm/jdenticon@3.3.0/dist/jdenticon.min.js"
        integrity="sha384-LfouGM03m83ArVtne1JPk926e3SGD0Tz8XHtW2OKGsgeBU/UfR0Fa8eX+UlwSSAZ"
        crossorigin="anonymous">
script>
 
 
 
 
<script src="-path-to-/jdenticon.min.js">script>

就是这些！

其他资源

API 文档

如需更多使用示例和API文档，请参阅:

https://jdenticon.com

其他平台

There are ports or bindings for Jdenticon 适用于以下平台:

• PHP
• React
• Angular
• .NET
• Rust
• Polymer
• Swift
• Java
• Dart/Flutter
• Kotlin

License

Jdenticon 可用性在以下条款下 MIT license.