前言 在数字化时代，我们正在见证音乐和视觉艺术的深度融合。流行音乐图像化，即将音乐视觉化，成为了一种独特的艺术表达方式。它跨越了时间和空间，用视觉元素诠释音乐的情感和氛围，为听众带来全新的感官体验。

这一章我们实现一个预览框，实时、可交互定位的。当放大的时候，会显示当前可视区域提示框。附带图片说明哟。

颜色选择器用得多了，是时候也要学学怎么自己写一个了！通过canvas的ImageData像素矩阵可以轻易获取RGBA值，就是这么快趣！

fabric.js是一个canvas库，今天整理了一下fabric.js可以实现的功能，用动图的形式分享给大家，方便快速了解fabric.js

今天领导给我一个任务，就是要求画布上面需要增加一个标尺，用来识别画布内元素的坐标，于是就开始我的搬砖之旅了。 开始想着挺简单的，不就是对画布进行刻度标记吗，写着写着发现有点不连贯了，于是就开始在网上找

🌈介绍 基于 vue3.x + CompositionAPI + typescript + vite 的可拖拽、缩放、旋转的组件 拖拽&区域拖拽 支持缩放 旋转 网格拖拽缩放 在线示例 源码地址 这节

前段时间写了一个高性能的 web 版原神地图，其中用到的地图引擎是针对非地理场景重新开发的一个独立的库，基于 canvaskit，从头开始实现了地图绘制及手势处理，现已整理好并开源。

我正在参加「掘金·启航计划」 前段时间做了一个自适应的小工具（vue-autofit），获得了许多掘友支持。 经过一段时间的试用，掘友们发现了工具存在的一些问题，我自己也发现了一些，这篇文章是针对这些

从手势识别开始，到 canvaskit 实现地图引擎，再到 react/vue 组件封装，最后构建出可交互的地图应用。