街角小林

在流程图或思维导图中通常都会使用三次贝塞尔曲线来连接两个节点，为了体验更好，一般都支持拖拽贝塞尔曲线的控制点来调整曲线，更进一步，曲线在节点上的连接点也会随着控制点的位置而...

动画片大家都看过，本质上就是快速的播放一张张图片，在canvas中要实现动画效果，同样也是这个原理，当我们把图形绘制到canvas上，它就变成了一张图片，不会再改变，我们可...

两年前我做了一个简单的在线云文档项目，选择了开源的思维导图、白板、流程图、幻灯片等项目，在它们基础上添加了云存储的功能，然后写了一个简单的工作台管理文件夹和文件： 放在了自...

浪漫好看的烟花相信没有人不喜欢，文本我们就来做一个属于自己的烟花，动动鼠标就能给自己放一个。 基本框架 首先基本的动画循环必不可少： 所有的动画都会在这个循环里进行更新。另...

水波图是大屏里很常用的图表： 一般用来表示百分比数据，水波的高度会根据百分比的数值变化，另外水波也会左右移动，就像真实的水波一样。 实际项目里我们可以使用ECharts来实...

电子签名，或者说自由画笔是一个很常用的功能，本文会给出几种实现方式，最后也会使用一个三方库来实现一个能模拟现实中书写效果的相对完善的电子签名，话不多说，开始吧。...

在这个互联网寒冬，如果待毕业或者已经毕业，该如何开启自己的面试之旅？前方的黑暗之旅的终点在哪？请点赞收藏好这篇文章...

词云是一种文本数据的可视化形式，它富有表现力，通过大小不一，五颜六色，随机紧挨在一起的文本形式，可以在众多文本中直观地突出出现频率较高的关键词，给予视觉上的突出，从而过滤掉...

距离上一篇推荐的文章我开源了一个思维导图已经过去了半年以上，这期间很多数据已经发生了改变，大致如下： 1.star数量由不到500，增加到2300+； 2.issue数量由...

最近使用 Yjs 给自己开源的一个思维导图加上了协同编辑的功能，得益于该框架的强大，一直觉得很复杂的协同编辑能力没想到实现起来异常的简单，所以通过本文来安利给各位。 要实现...

dom-to-image库可以帮你把dom节点转换为图片，它的核心原理很简单，就是利用svg的foreignObject标签能嵌入html的特性，然后通过img标签加载sv...

笔者开源了一个Web思维导图，在做导出为图片的功能时走了挺多弯路，所以通过本文来记录一下。 思维导图的节点和连线都是通过 svg 渲染的，作为一个纯 js 库，我们不考虑通...

起源 我对思维导图最初的了解来源于我的老婆，她很喜欢用思维导图来记录各种东西，看的多了，作为一个前端，就会好奇这东西是怎么实现的，于是我在网上搜了一下，看到了一篇介绍思维导...

相信大家或多或少都在各种网站上使用过新手引导，当网站提供的功能有点复杂时，这是一个对新手非常友好的功能，可以跟随新手引导一步一步了解网站的各种功能，我们要做的只是点击下一步...

说到json格式化你肯定很熟悉，毕竟压缩后的json数据基本不可读，为了方便查看，我们可以在编辑器中可以通过插件一键格式化，也可以通过一些在线工具来美化，当然，有时在开发中...