本文使用「署名 4.0 国际 (CC BY 4.0)」 许可协议，欢迎转载、或重新修改使用，但需要注明来源。 前言 图形编辑器提供了一个交互式的界面，允许用户在网页中创建、编辑和操作各种图形元素。 编

大家好，我是前端西瓜哥，今天我们来实现图形的缩放。 本文只讨论缩放单个图形的情况。 图形的属性 图形有几个重要的基础属性，会经常被用到，我们在实现缩放图形前需要理清一下它们。 x / y width

如果你用惯了process-on 和 drawio这类流程图工具，那么是时候试试白板了，发挥你的想象力，创造不一样的东西。

前言用JavaScript处理图像可能非常困难且繁琐。幸运的是，有许多库可以让这些变得简单得多。下面介绍一些图像处理的库。1.Pica事例地址：http://nodeca.github.io/pica

上一期的《canvas 基础及实现贝塞尔曲线动画》，我们回顾了 canvas 的基础操作和贝塞尔曲线实现原理；这一次，我们来补充下前一篇遗留下来的基础知识点之一：transform 变换矩阵。 setTransform(a, b, c, d, dx, dy) 方法会将当前的变形…

这些功能是用在前几天写的一个小程序上的，所以本文是以小程序为主要框架讲解。但其实你不懂小程序也没关系，懂js就可以啦，重点讲如何用canvas实现这些功能，学会活学活用运算canvas的坐标才是关键。😄 在拖拽组件内通过小程序的apiwx.createCanvasContex…

线性代数作为一种数学知识，是抽象的、通用的，很多GUI编程技术都提供了线性代数矩阵实现元素旋转、缩放、平移等效果，学会使用矩阵，便可以达到知识跨平台的效果，实现知识最大化

在前端开发中，有些时候会遇到根据鼠标当前位置为原点，滚动滚轮实现图片、canvas、DOM元素缩放的需求。有些同学可能觉得有点难，但其实借助线性代数中的矩阵运算，可以非常容易地实现这一功能