大家好，我是前端西瓜哥。 我在 2023 年年初开源了自己一个人开发的项目 Suika。 这是一款 Web 端图形编辑器，可以让用户自由地创建编辑各种图形。 界面长这样。 到今天算是走过了一年零三个月

在开发开源库`vue-design-editor`过程中,需要一款设置画布背景色或文本元素颜色的颜色选择器工具, 现有的开源库不满足自身需求只能进行魔改

园区、楼层等这种2维的小地图，即使不需要gis底图，不使用经纬度坐标，但使用gis类的第三方库开发依然是很好的选择。这方面的有一点粗浅的经验分享。

项目起因 事情是这样的，前不久看到一个国产的开源canvas 2d框架（leaferjs）做的非常棒，于是就跃跃欲试，打算用这个框架搞点什么，于是最终决定搞一个开源的在线的图片&海报编辑器，肝了一个月

今天领导给我一个任务，就是要求画布上面需要增加一个标尺，用来识别画布内元素的坐标，于是就开始我的搬砖之旅了。 开始想着挺简单的，不就是对画布进行刻度标记吗，写着写着发现有点不连贯了，于是就开始在网上找

最近我给图形编辑器增加了参照线吸附功能，讲讲我的实现思路。 效果是被移动的图形会参考周围图形，自动与它们进行吸附对齐。 不得不说，很酷炫。 感觉这个图形编辑器突然变得灵动起来，有了灵魂一般。 为什么需

当我们开始使用曲线时，路径元素变得非常强大。我们不仅要设置端点，还要设置控制点。 控制点是一个看不见的坐标，线弯曲到它，但不接触它。看看这张快乐的脸！这里，不可见的控制点位于图像底部的中间（在 0,1

一直想尝试下鸿蒙里面的动画开发，但是看了好几次官方文档里面的动画讲解，总有点似懂非懂的感觉，不是因为文档里面讲的太复杂，相反是讲的太简单了，实例也写的比较入门，基本都是通过一个按钮手动触发的动画，没有

2023年已经结束，是时候对过去一年做个总结，今年把iDraw.js重构到v0.4版本，可以用于打造二维网页设计工具。