本文将使用 D3 实现 Echarts 中两个交互强的通用图表： 为什么要用 D3 使用 D3.js 开发可视化图表有以下几个优点。 功能丰富：D3.js 提供了许多丰富的数据可视化功能，比如缩

在开发中遇到一个需求，类似windows的鼠标绘制一个框选区域，在框选区域中的元素被选中并且能够设置背景颜色，同时按下shift、ctrl键能够追加选中的元素，接下来的实现用到了Canvas封装的一些

需要开发一个目标制定-分配-执行的项目（OKR），其中有一个需求是需要以卡片树的形式展示任务的分配和执行情况，并能进行一些交互（收藏任务、@相关人员、展开子任务等）操作。类似组织架构图

日常开发中我们可能碰到流程图的需求，实现流程图的库有很多，如果我们想要实现一个简便的流程图可以使用konva库来实现，下面我们就来看一下具体的实现过程。

canvas图形绘制； canvas图形拖动； JavaScript构造函数； canvas绘制多个图形块，并可以拖动；

热区，一个让人有爱又恨的狗东西。是时候搞定它了。 需求给了一周的时间，心想这玩意还用一周？直到... 任务需求 React + Ts实现热区 热区可以拖拽移动 热区可以放大缩小 热区不允许重叠 B端创

Canvas图形编辑器-数据结构与History(undo/redo)，本文是之前基于Canvas实现的简历编辑器后续，主要是介绍了对数据结构的设计以及`History`能力的实现。

上一节 通过上下分层优化 Canvas 书写性能 优化了 Canvas 的书写性能，接下来我们通过离屏渲染的方式，进一步优化 Canvas 的书写性能。

今天完成了一个在线的画板，现在来总结一下。 一、项目名称： 彩虹画板 二、用途 支持在pc端和移动端在线绘画和签字功能 三、技术栈 html5 , css3 , javascript 四、功能模块