Mouse clicks, drag and drop on CANVAS

Hi everyone,
clicking on a specific element with a script is rather straight forward by finding the element and call .click()
####################################################
//define variables
URL: https://codepen.io/vanloc/full/grjaOp

// Load URL
setEventName loadWebsite
navigate %URL%

//click on Button
setEventName clickButton

execAndWait document.querySelector(“#main-header > div > h1 > a.Logo_small-2rYbf”).click();
####################################################

But how am I able to trigger a left click, click, hold and release (left mouse button) or hold and release (right mouse button (doesnt make sense in this homepage but others)) in the canvas element eg. by using coordinates.

These actions are often used for 3D software inside the browser eg.

the code of the “element” looks like this

Thank you