wxya（个人网站）图形编辑器
资料
基础组件
图形编辑器提供了一个交互式的界面，允许用户在网页中创建、编辑和操作各种图形元素。
编辑器是比较复杂的项目，由多个功能模块组合而成。一个优秀的编辑器，其必定需要考虑一些特点：模块化、可扩展性、分层架构、设计模式、性能优化。
编辑器开发比较侧重的一点是如何交互，基本上是围绕鼠标事件进行交互。
其中也会涉及计算图形学，比如碰撞检测算法、贝塞尔曲线算法、Bresenham 算法、树形布局算法等，有些复杂的图形学知识，可能需要借助于第三方库。
作者：百应前端团队链接：https://juejin.cn/post/7340535682534408202来源：稀土掘金著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
1. 画布模块
画布模块是整个图形编辑器的核心，提供了一个可视化区域，用于显示和操作图形元素。它负责管理图形对象的渲染、交互和布局。画布模块可以处理用户的输入事件，如鼠标点击、移动、缩放等，以及绘制、移动、删除图形元素等操作。
2. 坐标模块
坐标模块负责转换和管理画布上的坐标系统。它将屏幕坐标映射到画布坐标，并提供方法来获取、转换和计算不同坐标系之间的关系。坐标模块还可以支持各种坐标变换，例如平移、缩放和旋转等，以便实现图形元素的准确定位和变换。
3. 工具栏模块
工具栏模块通常位于编辑器界面的一部分，提供了各种工具和选项，用于选择、创建、修改图形元素的属性和样式。它可以包含按钮、下拉菜单、滑块等控件，供用户选择和调整不同的绘图工具、颜色、线型等。
4. 历史记录模块
历史记录模块用于跟踪用户的操作，并提供撤销和重做功能。它记录了编辑器中的每个操作（如创建、移动、修改图形元素）以及相应的参数和状态变化。通过历史记录模块，用户可以回溯到之前的状态，撤销一系列操作或重新执行已撤销的操作。
作者：百应前端团队链接：https://juejin.cn/post/7340535682534408202来源：稀土掘金著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
基础类库
paperjs做图像处理软件，也在看shader,我希望在paperjs raster能够快速的应用webgl滤镜，但是老是很卡，我觉得我的软件2.0版本会考虑用pixijs
Loading...