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

[yingzir]

只做了基本画，擦除，滴管，简单的颜色管理功能，这种软件不知道有没有人需要？

[qile1]

web 版本得吗？视频为啥是黑色的

[yingzir]

@qile1 是的，demo 用 canvas2d 实现的，web 版本有些局限，画面内容过多性能还是有问题，后面如果做产品的话，可能会用 bgfx+SDL 来实现

[turtlekey]

web 版开源吗，想自己部署

[qile1]

看到效果了，分享有没有连接，自己玩玩

[yingzir]

@turtlekey
@qile1
目前这个阶段只是可行性研究了一下，效果还挺有意思，但是是用起来，怕是要砸显示器，我再完善一下，后面再放出来。

[yuuko]

关注下，ios 有个差不多的软件，就叫无限草稿

[yingzir]

@yuuko 谢谢推荐，刚下下来试了一下，它只能做到十倍缩放，笔记用还不错，我这个主要是娱乐，创作无限大的画挺不错，如果能协作做无限大的画，肯定很有意思，比喻做一个手绘的城市，做一个无限细节的生物。

[zhw2590582]

好想法

[yuuko]

@yingzir 出来了记得 @下

[yingzir]

@yuuko 好，谢谢关注

[yingzir]

@zhw2590582 谢谢

[ddzzhen]

关注，看着很不错，创造的基础

[xiyuesaves]

挺不错的创意诶,关注下

[cyrtab]

关注一下

[xiayue]

挺好的 开源了 @下

[xiyuesaves]

趁这两天公司没啥事摸了一个类似的玩玩哈哈

[superliwei]

之前尝试过做无限缩放，但对一般用户这个功能意义不大，而且很容易导致找不到东西，所以现在的白板软件基本上都固定了缩放的上下限。
分享下我做的白板： https://boardos.online

[yingzir]

@xiyuesaves Hi 是什么软件，看起来不错

[yingzir]

@superliwei github 登录 报错{"statusCode":404,"error":"Not Found","message":"Not Found"}
搞个不注册试用就好了。

[superliwei]

@yingzir github 有时会有这个问题，可以试试其它登陆方式。

[itabas016]

@superliwei #17 移动端不支持啊

[superliwei]

@itabas016 是的，后续会适配.

[xiyuesaves]

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

[yingzir]

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

[xiyuesaves]

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

https://canvas.furryworld.top

[superliwei]

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

[xiyuesaves]

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

[yingzir]

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

[xiyuesaves]

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

[xiyuesaves]

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

https://canvas.furryworld.top/

邀请码目前默认: xiyue

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

[yingzir]

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

[xiyuesaves]

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

[yingzir]

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

[xiyuesaves]

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

[M3oM3oBug]

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

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

[xiyuesaves]

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