```js
function downloadPlaceholder(width, height, name, type = "png") {
const svg = ``;
let blob = new Blob([svg], { type: "image/svg+xml;charset=utf-8" });
let url = URL.createObjectURL(blob);
let image = new Image();
image.onload = () => {
let canvas = document.createElement("canvas");
canvas.width = width;
canvas.height = height;
let context = canvas.getContext("2d");
context.drawImage(image, 0, 0, width, height);
let a = document.createElement("a");
a.download = name;
a.style.opacity = "0";
switch (type) {
case "jpg":
a.href = canvas.toDataURL("image/jpg");
break;
case "webp":
a.href = canvas.toDataURL("image/webp");
break;
default:
a.href = canvas.toDataURL();
break;
}
document.body.appendChild(a);
a.click();
a.remove();
};
image.src = url;
}
```
Bonus:
```html
```