Jquery 如何在mousemove上更改身体背景颜色的一部分？

我想做一些类似于画画的事情，当你用鼠标移动一个页面时。这是我首先做的：

 <script>
    $(document).mousemove(function(event){
    var cordX = event.pageX;
    var cordY = event.pageY;
    $("<div></div>").addClass("circle").appendTo("body").css({'top':cordY,'left':cordX});
    })
   </script>

$（文档）.mousemove（函数（事件）{
var cordX=event.pageX；
var cordY=event.pageY；
$（“”）.addClass（“圆圈”）.appendTo（“正文”）.css（{'top'：cordY，'left'：cordX}）；
})

---

但是，用许多

对身体进行垃圾邮件不是一种有效的方法。所以我想，如果我在移动鼠标光标时只给身体背景上的一部分像素上色，我也可以达到同样的效果。当然，现在我不知道如何在相对于鼠标光标的特定位置将身体背景颜色连续更改为两个像素大小。有什么想法吗？

谢谢你的提示，但如何才能按照我描述的方式完成呢？