我正在编写一个允许用户使用鼠标绘制的脚本:
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= $('
HTML
最佳答案
看看这个:http://jsfiddle.net/KodeKreachor/9DbP3/6/
给定链接上的以下对象包含以下算法:
var drawer = new Drawer();
如果您对我的表现有任何疑问,请与我联系.前提是基于Bresenham的线算法,并且应该在旧版浏览器中兼容.