Canvas

CRM系统随着各业务条线对线索精细化分配的诉求逐渐增加，各个条线的流向规则会越来越复杂，各个条线甚至整个CRM的线索流转规则急需一种树形的可视化的图来表达。

如果你不只闷头写代码，还需要方案设计、内部分享、向上汇报、述职答辩、追求晋升等等，绘图工具几乎是互联网从业者标配工具。好用的绘图工具，可以大幅提升绘图效率和图形效果，甚至能够让你的汇报鹤立鸡群、增色不

🐱 当你要复制一个 fabric 的元素时，你考虑到的是什么？是深拷贝当前选中对象再添加到画布中？ 其实，fabric.js 提供了一个克隆方法。

最近有个图表需求配置十分头疼。所以想手写实现一个交互体验还不错的曲线图，支持开场动画、自动根据父盒子宽度适配、比echarts更全的配置项，分区线段的可以更好的自定

当我们需要将一个图片URL转换为PNG格式的图像数据时，可以使用Canvas来完成这个任务。在这篇博客中，我们会学习如何使用Canvas将一个图片URL转换为PNG格式的图像数据，并将其保存为文件。

我们在React 技术体系的基础上实现DSL模式的H5游戏开发能力，包括UI构建、资源管理、动效、事件等，让熟悉JSX和Hooks语法编写的同学可以快速接入游戏场景开发，同时提供强大图形渲染性能。

😸 如果你在学习Pixi.js时找不到适合的demo，可以瞧瞧本文。本文从初学者的角度出发，介绍了Pixi.js的一些基础知识和用法，包括Pixi.js的交互事件和动画基础教程

本文将简单实现一个canvas游戏，总共逻辑一共才几百行，但是能学到很多通用2d的游戏基础。 对于普通的Canvas游戏来说重要的是面向对象思想、碰撞检测、精灵图的应用、游戏背景的处理、键盘鼠标交互等

🦄 Matter.js是一个强大的JavaScript物理引擎，可帮助你创建逼真的动画和交互式效果。如果你正在寻找一种能够增强你网站用户体验的方式，那么Matter.js是一个很好的选择。

本文将带大家基于Canvas封装的ZRender库，了解ZRender库中提供的animate绘制动画的方法，并且使用animate方法实现一个带有箭头流动效果的连线

从 0 开始基于 p5.js 实现一个点和线的动画，将会涉及到坐标系和坐标点的介绍，弧度，三角函数，p5.js 颜色的介绍和使用，p5.js 画板的旋转等内容。

在制作Canvas游戏时，碰撞检测是非常重要的一环。我之前写过好几篇关于用canvas来实现游戏的文章，其中用到了很多碰撞检测，例如植物大战僵尸里发射的子弹和僵尸的碰撞检测，警察抓小偷的碰撞检测等。

Canvas在刚推出时主打的优势就是更快的渲染速度，刷新了人们对Web页面元素绘制速度的印象，但Canvas的优势却不仅限于此。

在现在的时代发展中，从以前的手写签名，逐渐衍生出了电子签名。电子签名和纸质手写签名一样具有法律效应。

✨ 在前端领域，如果只是懂 `Vue` 或者 `React` ，未来在职场的竞争力可能会比较弱。 根据我多年在家待业经验来看，前端未来在 `数据可视化` 和 `AI` 这两个领域会比较香。

介绍 如果您有一个页面，您希望用五彩纸屑特效引起您的用户注意，那么这个插件就是为您准备的。去年介绍过一个很好用的插件 canvas-confetti，掘金年度作者投票按钮的特效就是使用的这个，两者对比

❤️ 简单来说，p5.js 能让“切图仔”更容易做出具有艺术感的作品（很能整活）。本文会用光的速度带你入门P5.js

cornerstone 之 MPR（多平面重建） 的简单实现。MPR (MultiPlanar Reconstruction) 技术是一种医学影像处理技术。

使用canvas制作刮刮乐，使用随机数进行抽奖，再用canvas遮住中奖部分，使用鼠标时间和canvas等操作，将遮住部分涂抹，显示中奖信息。