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

前言 承接上文Canvas 尺寸与分辨率矫正，当我们了解了如何去设置一个 Canvas 尺寸，并通过分辨率对 Canvas 进行矫正后，我们就可以开始实现一个自由绘制的 Canvas 画板了

本篇文章是excalidraw揭秘第一篇，学习如何正确设置canvas尺寸以及分辨率矫正，绘制清晰、不变形的图形

本节我们通过简单的在canvas上绘制矩形，学习如何实现无限画布，屏幕坐标系如何转换成canvas坐标系，无限画布如何导出成图片

本篇是图形学专栏的开篇第二篇，目标是将上一篇中通过坐标转换实现的无限画布改为使用矩阵来做计算实现坐标转换，并实现图形的等比缩放，以此来巩固和分享一些图形学的知识。将平时写的demo项目展示在无限画布中

一份八千字超级详细的Canvas从0到1入门指南 Canvas简介 提供了一个通过JavaScript 和 HTML的<canvas>元素来绘制图形的方式。它可以用于动画、游戏画面、数据可视化、图片编

之前遇到过一个面试的机试题，就是用画布绘制形状，并且支持缩放、拖拽功能。现在有点时间就分享一下我是如何一步一步完成这个功能的。看这篇信息之前最好先去看一下canvas 的 api，canvas API 穿梭机。 这里写一个 名叫 chart 的类，在 构造器 construct…

在默认情况，在缩放/旋转的时候在左上角的位置，这里的左上角并不是指的是绘制路径的左上角，而是整个canvas的坐标原点。 但是大部分情况是旋转或缩放的时候都会让其在绘制路径的中心点进行。 原本可以直接粘能用的代码，但是我还是把分析过程说一下，一是为了方便网上不知道的人，也是为了…

本篇是图形学专栏的开篇第一篇，目标是通过实现一个简单的 2D 编辑器博客，来巩固和分享一些图形学的知识。将平时写的demo项目展示在无限画布中。感兴趣的话大家可以收藏关注一下，这是件长期且有趣的事情。