#javascript

How to convert inline SVG image into PNG in the browser? —The easiest way is to draw it on the canvas and use toDataUrl() function. The catch is browser support, especially mobile browsers and desktop Safari. When you try to use toDataUrl() function of canvas with SVG, it becomes «tainted» and blows up with...

Recently I made a single file upload component for Vue with drag'n'drop support. I made it suitable for my Vue2 and Vue3 projects and while publishing on NPM, I thought there would be a simple way to make it installable for both Vue2 and Vue3 users. But there was a number of catches...

A lot of times I used the event variable in my Javascript functions, saw «Deprecated symbol used, consult docs for better alternative» warning from my IDE, and just ignored it. Day-by-day, curiosity for what is event, why it is deprecated, and what should I use instead reached the level where I decided to learn about...

Most Three.js Hello World programs are just rotating cubes. Here we going to rotate the real Hello World text. And we would do it in one HTML file. We include the Three.js library through CDN and font directly from GitHub. Everything would work without a server, just open a final HTML file in the...

Today, all the popular modern browsers provide WebAssembly support. But what you can do with it? — With WebAssembly you can run code written in multiple languages, like C, C++, and Rust at near-native speed in the browser! It's easier to understand with code, so let's write...

Imagine, you loaded an SVG file from the database and displayed it on the page. How to convert it to PNG? How to make download links? Nowadays, with modern browsers (bye-bye IE, I would never miss you) and html canvas, this is pretty simple, even using...