狂肝了一个多月，终于重构成功，欢迎体验

[LHRUN]

最近工作稍微轻松了一些，有了点空闲时间，所以从 11 月底开始，重拾之前做的趣味画板项目，开始进行重构，上周终于告一段落。基本上，所有假期与工作日的晚上全部时间都在搞，总算是完成了😂

在重构开始阶段时，我也收集了一些建议，并基本在这个重构版本都完成了。此版本增加了很多新的画笔效果和新功能，然后也做了多端兼容，PC 端鼠标操作和 Mobile 端手指操作以及样式都做了处理。在这次重构期间，我放弃了原生写 canvas 的各种逻辑，改用了 Fabric ，因为我在写一些效果时性能是真的有点堪忧。 之前还好，特别是这次加了很多新功能后效果有点差，所以就放下了执念，选择了这个比较出名的画布库。

话不多说，欢迎大家使用体验，如果有任何建议和 Bug ，包括交互上，使用感受等等，都可以提出。当然，如果能给个 Star 就更棒了，哈哈😂

功能我就不一一陈述了，期待你的探索 🤔

Link: https://songlh.top/paint-board/

Github: https://github.com/LHRUN/paint-board

[wuzhanggui]

收藏了，支持

[xieren58]

牛, 顶...

[wcao]

不知道是不是 BUG ，文字看起来有点糊，画的时候，点的四周有阴影，给人感觉也有点糊。

[SWALLOWW]

能加上笔锋就好了

[shinession]

不错, 速度很快, 收藏待用

[dhb233]

多色那个，建议增加个和画线方向对齐的方式，能画出来类似于彩虹的那种效果。那如果说为什么不用彩虹，因为彩虹变色太慢了

[LHRUN]

@wcao 画板选项下有个 cache 开关，关后会清晰的，这个主要是做了个取舍，在由很多绘制的情况下如果关闭后会由性能问题，操作起来有点掉帧。多点连接那个点的阴影是自带的，不过后面可以考虑配置化

[LHRUN]

@SWALLOWW 这个已经有思路了，已经做了一点 demo ， 主要因为这次版本差不多已经到我的精力极限了，所以休息一下，下个大的功能版本会做

[LHRUN]

@dhb233 有点不太理解你的意思 😂

[LHRUN]

@wuzhanggui
@xieren58
@shinession thanks 😘

[wyattyhh]

👍, mac 触控板用起来有个体验问题, 捏合的时候 mac 是缩小, 应用里是放大

[Aitisikuoliv1d]

厉害

[cyberCat]

牛逼

[Nosub]

厉害了。

[yzw716305797]

牛逼

[b1u2g3]

好玩~

[LHRUN]

@wyattyhh 这个我倒是没试，一直用鼠标了，晚上我看一下

[LHRUN]

@Aitisikuoliv1d
@cyberCat
@Nosub
@yzw716305797
@b1u2g3 多谢支持

[sunziren]

牛牪犇逼

[edgm]

很牛

[ImmerTry]

学习了

[wujichao]

这个宣传图是如何生成的?

[butubird439]

哇，太牛了

[ma836323493]

@LHRUN #7 #7 我看着左侧的字咋有点模糊的感觉

[crazyTanuki]

做的挺好的，就是没想到使用场景

[sundev]

star 一波，说不定以后用上

[langpower]

@LHRUN 就是彩虹要画很长一条线才变色，希望能加入彩虹变色画多长的参数

[rubbishmod]

体验了一下，放大缩小(macos)似乎会引起整个页面进行了放大，导致 tools 被隐藏

[SantinoSong]

彩虹的变色逻辑是什么？ RGB 按长度变化？可控吗

[zhilvyun1]

用在家装里可以不 可以加些标尺类的功能吗, 可以接续操作吗

[cyberCat]

可以加 share link 分享链接功能。
这样用户可以将绘制好的图像通过外链分享出来，而网站也可以通过 share link 引流。

[ted0220]

牛牛牛

[dauehbv]

这个不错啊

[jdkxnktkdkxod]

很不错

[xing7673]

在 m1max 上体验很好，值得学习

[LHRUN]

@wujichao 这个我用的方法太笨了😂，先是做出三张图，然后在 https://mockuphone.com/ 这个网站上生成单独的效果，最后再写一个 canvas 的 demo 做出位置保存下来的

[LHRUN]

@ma836323493 你是说工具面板吗，这个我在 windows 和 mac 上没有发现，后面我留意一下吧

[LHRUN]

@crazyTanuki 这个未来我是想做一些带有互动等内容的游戏玩法吧，准备过完年定一个大方向

[LHRUN]

@langpower 懂你意思了，记录了，多谢建议

[lyz1990]

厉害啊！

[LHRUN]

@rubbishmod 你是按住了 ctrl 键吗，我在 m1pro 上没有复现出来，后面我留意一下吧，看会不会复现

[LHRUN]

@SantinoSong 通过计算 hsl 的 hue ，随着鼠标移动，一直增加，然后再归 0 ，反复循环

[LHRUN]

@zhilvyun1 sorry 这个还没有考虑过，与我想做的方向有点不同吧

[LHRUN]

@cyberCat 好想法，记录了，多谢建议 😘

[LHRUN]

@xing7673 可以的，跟我的工作机差不多，完美 😂

[LHRUN]

@sunziren
@edgm
@ImmerTry
@butubird439
@sundev
@ted0220
@dauehbv
@jdkxnktkdkxod
@lyz1990 感谢支持 😘

[godymho]

体验了一下，挺丝滑的。我画了一个牛至

[ma836323493]

@LHRUN #37 #37

[rubbishmod]

@LHRUN mac 触摸板双指缩放就会触发

[karnaugh]

在当下这个节点，你确定不拖个 AI 搞一波么~

[thinkdiff]

已 star

[abc1310054026]

打开控制台再选择彩虹画一会就会很卡

[Febers]

体验很棒，有考虑增加一些常用的图形如矩形、圆形吗，用来画产品图感觉会很棒

[crazyTanuki]

@LHRUN 画图猜猜游戏

[LHRUN]

@ma836323493 好的 感谢反馈

[LHRUN]

@rubbishmod 感谢反馈 我这次是完全忽略触摸板了 🤣，我下班后调试一下

[LHRUN]

@karnaugh 当然想了，下一步就是要定个发展方向，只是这方面的知识有点薄弱，只是会使用，还没了解过怎么接入

[LHRUN]

@abc1310054026 多谢反馈，记录了

[vuciao]

大佬牛杯

[LHRUN]

@Febers 可以的，记录了。加这些常用图形不算太难，只是随着功能的增加，面板东西太多不太好布局了，还要兼容移动端

[zhichaoli]

os: windows
Google Chrome 120.0.6099.199 （正式版本） （ 64 位）
中文字体看起来很模糊，有种马赛克的感觉 (100%显示)

[LHRUN]

@crazyTanuki 这个有想过，还有想过协作绘画设计，我目前想法很多 😂 就是知识储量不太够，后面就是定个方向，然后攻克相关技术了 。多谢建议

[LHRUN]

@zhichaoli 好的，记录了，我有空找个 windows 看一下样式

[LHRUN]

@godymho
@thinkdiff
@vuciao 多谢支持 😘

[lostsquirrelX]

star

[summerLast]

draw color 卡顿严重

[Tvinsh]

添加文字的时候，不能用鼠标框选文字，会同时画出线条
整体挺不错的，star 了

[jellybool]

老哥，你这实力。直接做成商业项目多好，做海外肯定能赚钱！

[zhuangzhuang1988]

牛逼。

[guji]

我要能有你一半技术就好了。可我只会挑毛病。。。

暂时用出来俩问题：
1. draw width 类似需要微调的控件得显示数值，搞个配置文件的东西存在哪个地方，第二次打开就不用调了。
2. 选中像素风格，狂点鼠标会卡延迟。

[binjoo]

太牛了。。

[kakki]

强，收藏了

[bocchi1amos]

牛的，star 献上

[itning]

666

[caicaiwoshishui]

非常 nice 感谢

[LHRUN]

@summerLast 这个我刚才试了一下 没有复现 要不麻烦说下设备和简单的复现步骤

[LHRUN]

@Tvinsh 如果是在绘画模式和橡皮擦模式下的确不行，需要切换到选择模式。 感谢 star 😘

[laragh]

v 友都这么牛么

[LHRUN]

@jellybool 商业项目暂时还没有想法，一是项目还没有那么成熟，二是决定以后的发展方向后再考虑吧

[dianso]

求 docker

[LHRUN]

@guji 1. 记录了，显示具体数据之后会考虑，现在主打一个随意 😂。2. 没有复现，麻烦提供下复现步骤和设备信息。 难顶，好多问题都复现不出来 😂

[LHRUN]

@lostsquirrelX
@zhuangzhuang1988
@binjoo
@bocchi1amos
@itning
@caicaiwoshishui
@laragh 多谢支持 😘

[LHRUN]

@dianso 这个之前也有人提了。我后面会加上

[dvz]

太牛了 点赞 支持 收藏

[zhw2590582]

真实牛叉啊

[guji]

@LHRUN 复现步骤就是选中像素模式，一边不断单击鼠标左键，一边移动鼠标全屏晃动，不时按住左键画两笔；也可以选中该模式直接按住鼠标左键一笔画十个大圈再由按住改为单击鼠标左键，就出现笔迹延迟了，多边形和素材模式也会有这个现象，基础和彩虹没有。（其实我是写名字写出这个现象的，字写得快点就出现了）

[wakiki]

厉害！是否有计划支持导入 PS 、Krita 、MyPaint 的笔刷文件呢

[jellybool]

@LHRUN 你这种做 build in public ，然后好好改善和运用两三年，我感觉 $10 万 MMR 应该不是问题。

[jellybool]

@jellybool 运用 -> 运营

[Bo0]

用数位板操作起来很流畅，轻度使用可以不开 PS 了，棒

[HongXinss]

建议： 橡皮擦增加圆形范围提示， 增加橡皮擦的 width 之后，我不知道他到底有多大

[LHRUN]

@zhw2590582 哇 大佬。我很久之前就观摩过你的项目

[LHRUN]

@guji 好的 多谢。记录了

[LHRUN]

@wakiki 这个我还没有研究过，如果有时间的话会了解一下。多谢支持

[LHRUN]

@jellybool 这块可能就是我不太擅长的区域了，可以探讨一下

[LHRUN]

@HongXinss 记录了，多谢建议，是应该都有数据化提示，现在太随意了 😂

[LHRUN]

@dvz
@Bo0 多谢支持 😘

[wwwz]

滚轮向上是缩小，向下是放大，正常使用逻辑应该反过来吧

[jollo]

要是能像无边界一样，画板无限大就更好了

[Anoyou]

厉害厉害,链接先收藏