陈小生

网上找的不完整，自己调整了一下，方便自己方便他人。 iconfont创建项目参考 vue项目使用阿里图标库iconfont 注意！ next.js没有index.html文...

工具栏拥有以下能力：填充色、边框色、边框粗细、边框类型（虚线、实线等） 另外还加入了一些便捷操作，如撤销、回退、添加各种精灵形状等...

当精灵想要某些独特的编辑能力，例如图片精灵想显示配置图片链接地址的输入框。 所以我们定义精灵存在`渲染模式` 和 `编辑模式`，默认情况下精灵为渲染态，当 `双击精灵` 时...

在之前的系列文章中，我们介绍了图形编辑器基础的 `移动`、`缩放`、`旋转` 等基础编辑能力，以及很多辅助编辑的能力。本文将继续介绍提升编辑效率的功能：多选、组合、解组，以...

本文介绍了编辑器常用的三种提效功能：右键菜单、快捷键、历史记录，可以使我们编辑操作的效率得到大大的提升，优化体验，并且每个功能都做了分层抽象，可以形成解决方案，在别的业务中...

思维导图、流程图等都有连接线的功能，连接线可以在形状发生变化时自动跟随。本文会介绍连接线功能如何实现。...

本文介绍锚点功能，对圆角矩形、线段、扇形、折线、自由多边形等等形状都需要这样的辅助编辑点的能力；如圆角矩形调整圆角大小的锚点、扇形调整扇形角度的锚点等。...

svg实现图形编辑器系本文会继续丰富以下编辑能力： - 移动靠近其他精灵时吸附上去，并显示辅助线 - 缩放靠近其他精灵时吸附上去，并显示辅助线 - 画布上显示网格，精灵在画...

本文介绍了图形编辑器基础的 `移动`、`缩放`、`旋转` 等编辑能力，做到了三个操作代码隔离，并且在旋转后缩放修复了位置偏移问题。 完成基本的编辑能力后，我们的图形编辑器已...

介绍如何开发一个精灵，并使用依赖反转思想，精灵与舞台解耦，实现精灵注册机制。 本文对 图形编辑器的最小demo 进行重构，将精灵和舞台进行了解耦，提升了图形编辑器的可维护性...

一个类似PPT功能的图形编辑器框架，可以用于快速搭建图形编辑应用。 这是一个系列文章介绍如何基于 svg 逐步实现一个图形编辑器，内容较多将分为系列文章，逐步讲解实现步骤，...

我曾经一度很迷茫，在学了 Vue、React 的实战开发和应用以后，好像遇到了一些瓶颈，不知道该怎样继续深入下去。相信这也是很多一两年经验的前端工程师所遇到共同问题，...

JavaScript 专题系列是我写的第二个系列，第一个系列是 JavaScript 深入系列。 JavaScript 专题系列共计 20 篇，主要研究日常开发中一些功能点...

高德 滴滴 美团 网易 快手 腾讯 金山 360 百度 知乎 微软等大厂面试经验 一年半以前，写了个万字前端面经，最终去了字节混饭吃，因为一些业务调整的原因，我又跑路了...