如何防止快速鼠标移动在我的绘图应用程序中断行？

Question

我正在编写一个允许用户使用鼠标绘制的脚本:http: //jsfiddle.net/ujMGu/

问题:如果你移动鼠标的速度非常快,它会跳跃并跳过几个地方.有没有办法捕获所有点,而没有在绘图线之间跳过任何黑色空格？

CSS

#myid{background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    display: block;
    height: 1000px;
    margin: 3%;
    position: relative;
    text-indent: -1100px;}?

JS/JQ

$('#myid')
.css('position','relative')
.unbind().die()
.bind('mousemove mouseover',function (e){
var top = parseInt(e.pageY)-$(this).offset().top;
var left= parseInt(e.pageX)-$(this).offset().left;
var pixel= $('<div></div>')
  .css({
      width:10,height:10,
      background: '#fff',
      position:'absolute',
      top: top, left: left,
      'border-radius': 2
  });
  $(this).append(pixel);
});?

HTML

<div id="myid"></div>

Answer 1

看看这个： http: //jsfiddle.net/KodeKreachor/9DbP3/6/

给定链接上的以下对象包含该算法：

var drawer = new Drawer();

如果您对我的做法有任何疑问，请告诉我。前提是基于 Bresenham 的线路算法，并且也应该兼容旧版浏览器。