How to draw text with different font-size in canvas. and then how to make a button to download this canvas?

Question

Canvas

There is a canvas for the certificate, that is, the name and date are superimposed on the picture. I need another ctx.font for the date and the ability to download this canvas as img

Answer 1

You probably don’t need a canvas here, but some kind of work with images. You create an image right on the backend through this lib with the text you need in the right place and different sizes, as well as other elements, and at the output you get an image in the desired format, it shows it in the browser and gives it for download. And canvas, you can only take a screenshot. The browser does not have the necessary tools to convert the canvas to image format.

Answer 2

Well, set a different font for the date, what's the problem? Canvas cannot be downloaded, but you can take its pixels and download them.