每次浏览苹果官网产品详情页的时候，相信很多小伙胖都和我一样，会发现界面与人机交互磨合得如此丝滑与赏心悦目。出于职业的惯性喜好，所以每当苹果发布新产品的时候，我都马上会体验一翻苹果前端开发工程师给大家带

前言 hello, 大家好, 我是徐小夕, 今天又到了我们的博学时间。 本文带大家从零实现基于vue3的验证码组件

在可视化应用中，我们经常会遇到需要判断一个路径是否存在交叉的需求。根据路径交叉与否可以判断多边形是否是简单多边形，以及判断交通路线是否有十字路口等等。 这个问题实际上本质上是判断两个线段是否相交。因为路径是由线段构成，我们只要判断除了相邻线段外，没有其他线段两两相交即可，JS代…

春风又绿基金池，明月何时把钱还！大家好，最近我在看一些关于图形学的东西，写了个一笔画手势识别的小 demo，如果你是初次看过肯定会觉得很有意思，哈哈，我也是这样的。话不多说，动手开撸！

1. 背景 将网页保存为图片（以下简称为快照），是用户记录和分享页面信息的有效手段，在各种兴趣测试和营销推广等形式的活动页面中尤为常见。 快照环节通常处于页面交互流程的末端，汇总了用户最终的参与结果，直接影响到用户对于活动的完整体验。因此，生成高质量的页面快照，对于活动的传播和…

一个图片裁剪组件的应用场景其实比较多，相应的第三方插件也不少，但有时候会需要一些特定的功能，比如想有个特定样式的裁剪框，想批量裁剪，甚至想直接裁出定制化的尺寸等等，这时就只能手写一个裁剪组件了。 上传图片时，用onChange事件来获取该file对象，里面会包含文件的name，…

之前有听到同事说，我想自由的拿到设计图中的某个颜色，我要告诉设计同事帮我取出来，似乎听着有些小麻烦。敲敲小黑板~那么今天就给大家分享一项新开发的功能，基于canvas开发的取色器，让我们一起来揭开这层神秘面纱吧。 首先在查看稿件页，用户可以点击右下方吸色图标，进入取色状态，鼠标…

我们的业务涉及电商、教育行业，出于营销以及功能需要，会有很多卡片展示（长按保存）的需求，或者分享长图的需求。以及我们有面向商家的PC端，商家端又能编辑、实时预览卡片的样式。 同样的卡片内容我们需要在两端以两种框架（vue react）分别维护。 考虑到依赖太大（ungzippe…

在 Web 开发中，Canvas 是一个强大的绘图工具，可以实现各种有趣的交互效果和动态图形。本文将盘点 10 个基于 Canvas 的开源项目，旨在为提供开发灵感和思路，以便更好地探索并应用 Can