首页
AI Coding
数据标注
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
editor
订阅
xiaoway
更多收藏集
微信扫码分享
微信
新浪微博
QQ
16篇文章 · 0订阅
前端图形引擎架构设计:可扩展双渲染引擎架构设计-支持自定义渲染器
双引擎架构,支持自定义渲染器,,一个基于 ECS 架构构建的高性能 画布渲染引擎,专为复杂图形编辑场景设计。引擎的核心特色在于双渲染后端架构
防抖(debounce)和节流(throttle)
debounce 和 throttle 各有特点,在不同的场景要根据需求合理的选择策略。事件触发是高频但是有停顿时,可以选择 debounce; 事件连续不断高频触发时只能选择throttle
开源fabric.js图片编辑器的插件化架构
详细介绍了开源图片编辑器架构的演进,说明抽象分层规范并定义插件规范,最终实现一个可扩展的编辑器插件化架构。
如何构建一个基于WebGL的富文本编辑器?
这篇文章介绍了如何构建一个基于 WebGL 的富文本编辑器,结合 TinyMCE 与 THREE.js,实现在 3D 场景中编辑和渲染格式丰富的文本内容。
图形编辑器开发:使用 opentype.js 解析字体并渲染文本
大家好,我是前端西瓜哥。 前段时间将图形编辑器的文字渲染做了下改造。 原来的文字渲染使用的是 Canvas 2d 的 fillText 方法,现在改成了用 opentype.js 解析字体获取字形(g
图形编辑器:工具管理和切换
大家好,我是前端西瓜哥。今天我们看看对于一款图形编辑器,应该怎么去实现工具,比如绘制矩形、选中工具,以及如何去管理它们的。 一款编辑器,有两个很重要的方面,一个是性能,另一个是架构。 因为不知道用户会
【canvas学习笔记】3 - 图形编辑器局部重绘的实现方式
前言 什么是局部重绘 在canvas绘图过程中,当有属性变更需要重新渲染的时候,最常见的做法是利用clearRect方法清空整个画布,然后重新执行一遍paint方法,这样就达到了重绘的目的。 然而,如
【canvas学习笔记】2 - 图形编辑器主模块Editor的设计与实现
前言 在上一篇文章当中我简单介绍了编辑器的整体情况,感兴趣的小伙伴可以点击查看。 这一篇文章我将会对主模块Editor做一个细致地讲解。 主模块的作用 Editor类其实并不复杂,目前实现它的代码大概
【canvas学习笔记】1 - 如何用canvas实现一个图形编辑器
本项目很多算法与实现都参考了 @前端西瓜哥 的文章,非常推荐对图形学感兴趣的同学去关注他的公众号。在此也是贴上他的掘金主页。 项目简介 先看看目前实现的效果 目前这个项目还比较简陋,只实现了
关于图形编辑器数据的后端持久化
大家好,我是前端西瓜哥。 之前时不时聊过一些图形编辑器的数据后端持久化的问题,今天我们来稍微展开,专门地聊一聊。 本地到远端的演进 首先我们有个本地图形编辑器,数据保存在本地。 单机形式 这是单机的形