日期:2014-05-20  浏览次数:20404 次

有没有办法在浏览器里,用鼠标绘图
有没有办法在浏览器里,用鼠标绘图

------解决方案--------------------
也许只有用javascript才能实现的。如果要通过服务器那基本不可能的。
------解决方案--------------------
如果随手画线是比较容易的,只要捕获鼠标的按下、抬起、移动事件,设置一两个变量做参数(是否一直按着、上一个移动点的位置)就可以了,向鼠标所在的点画一个点在ie上也很容易。

但是“绘图”的概念不是随手画线。需要对图形建立对象结构,要认识鼠标所拾取的图形结构,似乎还没有看到基于javascript的图形软件包。

如果能够识别图形结构,那么将图形结构大包成对象传递给服务器端很容易,就像是提交一个普通的TextBox一样。
------解决方案--------------------
显然,鼠标移动的时候不能与服务器通讯,web是在低速网络上的,即使Ajax在强不能频繁与服务器通讯。

如果仅仅跟踪一条线,还是比较容易的。用javascript也就是最多20行代码。要获取document的mousedown、mouseup、mousemove事件的控制,在mousedown中记录按下鼠标的坐标位置以及一个鼠标按下标志,在mouseup事件中清除这个标志、清除线、并且访问服务器提交首尾坐标点,mousemove中判断当鼠标按下的时候清除已经画的线并且重新画一条线,这个线要在一个层中以便可以在mouseup事件中简单清除。线可以用一组代表“点”的小图片,利用css计算每一个图片的位置,来画出。
------解决方案--------------------
我觉得不如用Flash