blob: 5ebc2bddba00cd982d8af2c01e075669bd8cdfc9 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" content="width=device-width, height=device-height" />
<title>Context Menu Test Blob</title>
</head>
<body>
<div id="image_container"></div>
</body>
<script>
window.addEventListener("DOMContentLoaded", function (e) {
const svg = `<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<circle cx="50" cy="50" r="50" stroke="orange" fill="transparent" stroke-width="5"/>
</svg>`;
const image = document.createElement("img");
const blob = new Blob([svg], { type: "image/svg+xml" });
image.src = URL.createObjectURL(blob);
image.alt = "An orange circle.";
document.getElementById("image_container").appendChild(image);
});
</script>
</html>
|
