首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
前端图形
ObjectX不知名程序员
创建于2024-04-13
订阅专栏
介绍canvas、svg、skia、canvasKit等
等 25 人订阅
共7篇文章
创建于2024-04-13
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
【图形编辑器架构】:无限画布标尺与网格系统实现解析
上一篇我们讲解了分层事件系统的设计,本篇我们将在事件系统的基础上实现无限画布、标尺、网格绘制,无限画布实际上只是理论上的无限,绘制的仅仅是视口区域,通过事件触发移动和缩放,重新计算视图矩阵,更新渲染
【图形编辑器架构】:编辑器的 Canvas 分层事件系统
🧑💻 写在开头 点赞 + 收藏 = 支持原创 🤣🤣🤣 上一篇文章我们聊了 数据层与渲染层的绑定机制,今天继续推进 —— 把视角放到事件层。 你会看到一个清晰的五层架构设计,从 DOM 原生事件到业务
【图形编辑器架构】节点树与渲染树的双向绑定原理
🧑💻 写在开头 点赞 + 收藏 = 支持原创 🤣🤣🤣 上一篇文章我们聊了 渲染层实现,今天继续推进 —— 把视角放在“数据层与渲染层的衔接”上。 你会看到一个清晰的三层设计:数据层(NodeTree
【图形编辑器架构】渲染层篇 — 从 React 到 Canvas 的声明式渲染实现
🧑💻 写在开头 点赞 + 收藏 = 激励原创 🤣🤣🤣 在上一篇文章里,我们讲了节点树是如何管理数据、提供交互与状态支持的。 本篇我们来深挖“渲染层”——也就是把节点树中的状态,画到屏幕上的那一层。
【图形编辑器架构】节点树篇 — 从零构建你的编辑器数据中枢
【图形编辑器架构】节点树篇 — 从零构建你的编辑器数据中枢 🧑💻 写在开头 点赞 + 收藏 = 支持原创 🙏 如果你正在做画板、可视化、图形编辑器、流程图工具、思维导图这种东西,那么节点树绝对是核心
【canvas】用矩阵实现无限画布&等比缩放
本篇是图形学专栏的开篇第二篇,目标是将上一篇中通过坐标转换实现的无限画布改为使用矩阵来做计算实现坐标转换,并实现图形的等比缩放,以此来巩固和分享一些图形学的知识。将平时写的demo项目展示在无限画布中
【canvas】react+canvas实现无限画布、鼠标为中心缩放、标尺、移动画布
本篇是图形学专栏的开篇第一篇,目标是通过实现一个简单的 2D 编辑器博客,来巩固和分享一些图形学的知识。将平时写的demo项目展示在无限画布中。感兴趣的话大家可以收藏关注一下,这是件长期且有趣的事情。