How to find where the logo is being drawn in this example on the canvas?

Question

JavaScript

Guys, there is a page of a multi-popular game, I need to find how the logo is drawn there, I kind of found the file responsible for this and there is a logo images/main_title.a478ae9c.png but no, that's not it. It kind of sticks to the tongue. The canvas itself is here https://webstatic-sea.hoyoverse.com/ys/event/e2022... here are the paths to the pictures for this rendering.

The page itself: https://webstatic-sea.hoyoverse.com/ys/event/e2022...

It didn't take me long to ask a question, I spent a lot of time, but I didn't. Not good at js

Answer 1

Why do you need to draw this particular logo? Everything there is minified and optimized by webpack, so it’s difficult to look for something in the code and, I think, it’s not necessary.
There are several algorithms for such a logo outline. You can export the png image you found to base64 and then draw on the canvas (I think that's how Mihue's website uses it). It is possible to draw SVG through canvas. You can draw from scratch directly on the canvas.
* Many ways - usually use the base64 method. In general, Google and YouTube will give a huge number of tutorials on how to do it quickly and correctly - finding information is not difficult)