在Html2Canvas生成的网页图像上的不同X，Y坐标上设置彩色圆点

Question

我是HTML和Java脚本的新手， 我正在使用HTML2Canvas库生成网页的图像。 我想在下载图片之前在网页的不同X，Y坐标上制作一些彩色的点。

假设我具有以下坐标（X，Y） （657,258），（586,118），（870,172），（476,358）。 在下载图像之前，我希望我的代码对上述坐标进行着色，然后使用这些着色的坐标下载图像

这是我的代码，只需单击一下按钮，即可使用html2canvas下载网页的简单图片。

$('#btnSubmit').on('click', function () {
        var container = document.body; // full page
        html2canvas(container).then(function (canvas) {
            var link = document.createElement("a");
            document.body.appendChild(link);
            link.download = "html_image.png";
            link.href = canvas.toDataURL("image/png");
            link.target = '_blank';
            link.click();
        });
    });