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

发布时间：2020-12-14 23:03:20 所属栏目：资源来源：网络整理

导读：我正在编写一个允许用户使用鼠标绘制的脚本： http://jsfiddle.net/ujMGu/ 问题：如果你移动鼠标的速度非常快,它会跳跃并跳过几个地方.有没有办法捕获所有点,而没有在绘图线之间跳过任何黑色空格？ CSS #myid{background: none repeat scroll 0 0 #000000; c

我正在编写一个允许用户使用鼠标绘制的脚本：
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的线算法,并且应该在旧版浏览器中兼容.
                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!