Create blobbed, syntax-highlighted images of your code.
Blobbed Editor turns your code into highlighted, blobbed images using Highlight.js and html2canvas. Examples of the generated images can be found below or in the images folder.
Blobbed editor can generate 3 different types of images and each can be customized with a variety of settings.
The code used to generate these images is as follows.
downloadImage() {
const a = document.createElement("a");
a.href = canvas.toDataURL();
a.download = "blobbed editor.png";
document.body.appendChild(a);
a.click();
document.body.removeChild(a);Some settings are changed from the default including image size, filter smaller blobs (which is why the closing
}tag was left out) and editor padding.
When generating app icons I would recomend to keep the lines brief like the logo
- Favicons
- Logos
- Profile Pictures
- App Icons
- Replacement For Stock Photos