实现一个 canvas 拖拽、缩放、旋转的效果，如下效果图。 统一使用 typescript 来编写，在面对状态操作复杂的流程， ts 提供了状态标注，类型提示等。便于我们维护和梳理流程思路。比如类型标注提供了类似注释的功能，将对象描述清楚的同时，在我们使用相关属性或方法都会有…

最近项目上要求实现让用户能够用鼠标绘制路径，区域，添加图片等需求。既然要实现绘制，一下子就想到用canvas去实现，于是在网上查找了一下有没有一些封装好的canvas库，最终决定使用fabric.js

记得以前玩过一个很简单的小游戏，一个球在动，然后底下一个板来接，如果没接住撞到底边游戏就结束了，虽然忘了它叫什么名字，但一直心心念念，魂牵梦萦，刚好最近临过年需求不饱和、刚好之前一直想做但是没动手，刚好这两天在学习konvajs，刚好就有了这篇小文章，很简单，只要三步，包你三分…

画影图形指描画犯人面影，悬赏通缉。这里用法明显有问题，不过取其表义而已。 在一个前端看来，画图有三种方法，Cavas，SVG 以及 CSS。至于三者优劣，将在此针对各种图形做逐一比较，有方，圆，椭圆，扇形，多边形，渐变，文本处理以及动画 描边与填充是图形的基本属性。 在 CSS…

最近做了一个移动端活动页的需求，大概就是diy一个页面。用户可以对物料进行拖动、缩放、旋转，来达到diy的目的。用DOM来实现是不现实的，我采用了canvas来实现和用户的交互。开发过程中，涉及到了canvas中对物料元素的拖动、缩放、旋转等。本文将详细介绍在不使用任何第三方库…

Canvas 的绘制功能跟 DOM 是耦合的，而 OffscreenCanvas 解耦了DOM和Canvas API，可以把canvas代码放在worker里执行，可以释放主线程上的资源，可以避免主线程繁忙的时候导致动画丢帧

前言 大家好，我是林三心，回想起我当年校招的时候啊，多次被面试官问到canvas，但是我却不会，后来一直想找个机会学一下canvas，但是一直没时间。canvas在前端的地位是越来越重要了，为此，我特

绘制复杂的图形和在特定情况需要改变图片以及交互的时候,使用原生 canvas API 将会变得很困难。 而 Fabric 旨在解决这个问题。

Konva的自我简介是：一个通过扩展2d上下文，使其功能在桌面和移动端均可交互的canvas库，包含高性能的动画、变换、节点嵌套、事件处理、分层等等。 Konva源自Eric的KineticJS项目，年龄比fabric要小一点，在19年初进行了部分重构，使用TypeScript…