Как предотвратить разрыв линии быстрым движением мыши в приложении для рисования?

Я работаю над скриптом, позволяющим пользователю рисовать мышью: 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= $('
')
  .css({
      width:10,height:10,
      background: '#fff',
      position:'absolute',
      top: top, left: left,
      'border-radius': 2
  });
  $(this).append(pixel);
});​

HTML