做了一个无限画布涂鸦软件的 demo，挺有意思

@superliwei #17 移动端不支持啊

@itabas016 是的，后续会适配.

@yingzir 也是拿 canvas 实现的一个 demo，正好想实践一下这方面的知识，就用了楼主的创意，希望不要介意

@xiyuesaves 很好啊，canvas2d 做就是性能有些更不上，我画多点就卡，好像没有很好的办法

@yingzir 可以看一下我做的, 确实点一多就会出现卡顿, 这个优化我还在做,可以在控制台输入 highPerformanceDrag = true 来切换到高性能拖动,就是预览效果不太好

https://canvas.furryworld.top

@xiyuesaves 可以通过缓存、裁剪、延迟渲染等方式来优化性能

@superliwei 谢谢建议, 现在正在研究怎么多人联机

@xiyuesaves 哇你动作真快啊，域名都搞好了，不错，看好你的项目了，笔触有点大，小点就好了，搞个保存。基本就可以用起来了

@yingzir 域名是早就买了的,分个二级,nginx 配置下就好了,笔触大小的话,改下配置文件就行,保存功能大概得花点时间,现在主要是在写多人联机部分

@yingzir 基本上功能已经完成了,可以看一下 x

https://canvas.furryworld.top/

邀请码目前默认: xiyue

github(代码特别特别特别菜,轻喷): https://github.com/xiyuesaves/infiniteCanvas

@xiyuesaves Good! 刚试了一下，挺不错了，就是画完 zoom 的时候卡顿，我怀疑浏览器做这个可能比较难优化。

@yingzir 卡顿的主要原因是每个浏览器针对 mousemove 这个监听返回的频率不同导致的,比如 chrome,正常情况下这个绘制量是不可能导致卡顿的,但是打开控制台之后 mousemove 触发频率会提高很多,导致每一笔要处理的数据量很大,主要体现就是线条会变得歪歪扭扭的,正常情况下应该是很顺滑的曲线,这个暂时还没想要要怎么处理

@xiyuesaves 不是画的时候卡，是缩放，和移动时候，画的时候觉得不卡。

@yingzir 画确实不会卡啊,因为根本不会重绘画面,只会向上叠加,只有在缩放,拖动时会重绘所有路径

@xiyuesaves 不同浏览器对 mousemove 的监听，在打开控制台触发频率会高的问题，我之前做过尝试，第一是因为鼠标刷新率的问题，比如 125Hz/500Hz/1000Hz，触发高是浏览器完全接受了鼠标的反馈，第二是因为浏览器调试问题，至少 Chrome 在调试的时候会主动限制在低频，在开关控制台后限制消失。。

解决办法是主动给监听函数设置一个依靠时间或 setTimeout 实现的节流，或者使用 requestAnimationFrame 实现每帧节流，可以试下

@M3oM3oBug requestAnimationFrame 也会根据用户显示设备帧数改变,最好还是用 setTimeout 来节流比较稳定吧?