63 lines
2.3 KiB
HTML
63 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Jdenticon</title>
|
|
<link rel="stylesheet" type="text/css" href="styles.css">
|
|
</head>
|
|
<body>
|
|
|
|
<h1>"Icon2" - Should be centered vertically and horizontally</h1>
|
|
<figure>
|
|
<canvas data-jdenticon-value="Icon2" width="60" height="100"></canvas>
|
|
<figcaption><strong>Canvas</strong> data-jdenticon-value</figcaption>
|
|
</figure>
|
|
|
|
<figure>
|
|
<canvas id="canvas-Icon2-update-vert" width="60" height="100"></canvas>
|
|
<figcaption><strong>Canvas</strong> update(value)</figcaption>
|
|
</figure>
|
|
|
|
<figure>
|
|
<svg data-jdenticon-value="Icon2" width="60" height="100"></svg>
|
|
<figcaption><strong>SVG</strong> data-jdenticon-value</figcaption>
|
|
</figure>
|
|
|
|
<figure>
|
|
<svg id="svg-Icon2-update-vert" width="60" height="100"></svg>
|
|
<figcaption><strong>SVG</strong> update(value)</figcaption>
|
|
</figure>
|
|
|
|
<figure>
|
|
<canvas data-jdenticon-value="Icon2" width="100" height="60"></canvas>
|
|
<figcaption><strong>Canvas</strong> data-jdenticon-value</figcaption>
|
|
</figure>
|
|
|
|
<figure>
|
|
<canvas id="canvas-Icon2-update-hori" width="100" height="60"></canvas>
|
|
<figcaption><strong>Canvas</strong> update(value)</figcaption>
|
|
</figure>
|
|
|
|
<figure>
|
|
<svg data-jdenticon-value="Icon2" width="100" height="60"></svg>
|
|
<figcaption><strong>SVG</strong> data-jdenticon-value</figcaption>
|
|
</figure>
|
|
|
|
<figure>
|
|
<svg id="svg-Icon2-update-hori" width="100" height="60"></svg>
|
|
<figcaption><strong>SVG</strong> update(value)</figcaption>
|
|
</figure>
|
|
|
|
<script>
|
|
var jdenticon_config = {
|
|
backColor: "#00f1",
|
|
};
|
|
</script>
|
|
<script src="/node_modules/jdenticon/dist/jdenticon.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/require1k@1.0.1/require1k.min.js"></script>
|
|
<script>
|
|
jdenticon.update("#canvas-Icon2-update-vert,#svg-Icon2-update-vert", "Icon2");
|
|
jdenticon.update("#canvas-Icon2-update-hori,#svg-Icon2-update-hori", "Icon2");
|
|
</script>
|
|
<script src="common.js"></script>
|
|
</body>
|
|
</html> |