How to cut an image into many parts?

Question

JavaScript

Need to make a puzzle game. Accordingly, the application must first break the picture into parts.
The first thing that comes to mind is to create blocks of the right size and adjust the background position.
But something tells me that this is not the best solution) How would you do it in terms of design and performance? I have never dealt with Canvas, as far as I understand, it can help here too

Answer 1

The first thing that comes to mind is to create blocks of the right size and adjust the background position.
But something tells me that this is not the best solution

Normal solution . Simple and short.

How would you do it in terms of design and performance?

What do you mean by "design position" I have no idea, but as for performance - first you should do it somehow, then you will be engaged in optimization (if necessary).

I have never dealt with Canvas, as far as I understand, it can help here too

Maybe. But what then does Vue, specified by you in the tags, have to do with it?