Canvas implementation to tag pictures

as shown in the picture, thank you very much for an example
.

Mar.15,2021

The

tag also has to be drawn in canvas, all in canvas,. If the tag is a picture, it's easier

.
let ctx = wx.createCanvasContext("myCanvas")
 wx.getImageInfo  
 ctx.drawImage 
 ctx.draw()       1-2
 wx.canvasToTempFilePath  canvas 2
 wx.previewImage    

.


my method is realized by positioning + background map combined with random number positioning (or returning coordinate values in the background), but it seems to be a bit troublesome. I wonder if you still use canvas, and how do you achieve it?

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3eae4-4f098.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3eae4-4f098.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?