画图技术

Canvas 计算文字宽高，性能卓越，文章主要分享做开源思维导图时遇到棘手问题，总结下就是：多多尝试、担心什么就去验证什么，没准担心完全多余。

本文主要介绍白板工具中比较有代表性的一个功能：自由画笔（freehand），主要介绍两块的内容，一个是 freehand 涉及的一些绘图知识，比如如何确定平滑曲线、不同画笔的特点等。

首先介绍我借助 AI 辅助开发一个案例，个人感觉这是一个相对复杂的场景，后面也会介绍下我对 AI 辅助开发的一些看法和反思。

Plait 支持 React 框架：经过一段时间的努力，Plait 底层已经成功改造成框架未可知的架构，支持 React 和 Angular 两大框架。

介绍前端获取文本宽度的一种新思路，尤其是大量重复渲染的组件需要获取文本宽度的场景，用 canvas 的思路会非常高效。

介绍最近给流程图支持的魔法功能：正交线支持自定义拐点。 技术实现、数据存储、中间踩过的坑，总结分享。

前言 抽象在软件开发过程中是一种常见的现象，我的理解： 抽象是一种表达方式 ，随着抽象概念的引入，代码的编写需要围绕新的概念进行，日常沟通的颗粒度也需要围绕新的概念对齐。

虽然社区中有不少优秀流程图的开源项目，但是 Plait 同样是特别的存在，而且目前社区还没有做一体化的画图框架，也没有好的开源思维导图项目，这都是我们研发 Plait 框架的理由。

介绍 Web 画图技术之画布的滚动方案，对 Plait 框架的滚动方案实现进行介绍： 1.支持缩放 2.支持隐藏显示滚动条 3.支持视口的控制

Plait 框架支持 Shift 多选啦，记录解决热键冲突的问题，欢迎大家 Star 支持，后续会有更多的技术文章。

本文主要介绍我们最近基于最短路径重构的流程图正交连线的实现思路及核心技术。 包括三个主要部分： 1. 思路说明、2.最短路径算法、3.算法执行过程

我司从2022年年初决定思维导图，经过半年多的事件，我们基于自研的绘图框架初步完成脑图组件并成功集成到我们 PingCode Wiki 中，这篇文章主要探讨下这个绘图框架（Plait）的设计点。

介绍 我接触 Excalidraw 已经很长时间，它是一款非常好用的开源画图应用（库），然后个人想在今年涉足一下前端画图领域的技术，所以对它的技术实现进行了一些研究。

介绍个人非常喜欢的开源画图工具 Excalidraw：基础功能、特点、开发小故事。 画风很手绘，推进大家使用。