04 2024 档案
摘要:这一章我们实现一个预览框,实时、可交互定位的。当放大的时候,会显示当前可视区域提示框。附带图片说明哟。
阅读全文
摘要:这一章实现导入导出为JSON文件、另存为图片、上一步、下一步。关键在于如何恢复图片的素材,毕竟JSON内部只有部分记录。
阅读全文
摘要:这一章处理一下复制、粘贴、删除、画布归位、层次调整,通过右键菜单控制。其实没有想象中那么简单,细节真的比较多。
阅读全文
摘要:这一章实现了磁贴效果,花了比较多的时间调试,这个功能实现起来比较麻烦,官方是没有像类似 anchorDragBoundFunc 这样的 api,需要在 transformer 的 dragmove 介入修改。
阅读全文
摘要:这一章实现通过上下左右按键移动所选节点,规则是,按一下移动 1 像素,按着不动则会按 1 像素增速移动,松开按键则恢复原来速度。
阅读全文
摘要:这一章实现了单选、多选、选择框,根据 konva 地特性,处理的细节比较多,官网示例过于简单,按自己思路实现。
阅读全文
摘要:这一章实现了参考线,并完成了对各种图片素材的加载显示,同时阐述了这个系列的基本逻辑坐标系,希望大家能快速理解后面的创作。
阅读全文
摘要:实现了“无限画布”、“画布移动”、“网格背景”、“比例尺”、“定位缩放”,并简单叙述了它们实现的基本思路。绝对的原创。
阅读全文
摘要:在学习全网学习各路大神的关于Vue3 Diff算法分析文章的时候,一定离不开关键方法 patchKeyedChildren。 patchKeyedChildren 处理的场景比较多,大致有 5 个主要过程。 如果你希望查看不同测试用例下,patchKeyedChildren 具体的内部处理过程,可以
阅读全文