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

前端之家收集整理的这篇文章主要介绍了javascript – 如何防止快速鼠标移动在我的绘图应用程序中断行?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我正在编写一个允许用户使用鼠标绘制的脚本:
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的线算法,并且应该在旧版浏览器中兼容.

猜你在找的HTML相关文章