1、背景 在最近做的地图项目中，需要实现室内地图的点位回显，点位绘制，同时在室内地图（缩放）时，点位相对位置不发生改变，由于室内地图没有gis地图数据，用户使用png图片方式上传，综合评估后使用can

本文介绍如何利用Canvas API在前端实现视频截图功能，通过离屏画布将视频帧转为Base64图像并下载，解决了传统后端截图的延迟和服务器压力问题，适用于安防监控、视频编辑等场景。

一、Canvas 是什么？ Canvas 是高性能渲染引擎。 <canvas> 是一个位图渲染容器 所有内容都通过 JS API 绘制 绘制完成后，浏览器只认识「像素」，不再关心你画了什么 canva

大家好，我是前端西瓜哥。 之前给我的图形编辑器加上了文本编辑功能。 详见文章：《图形编辑器：基于 canvas 的所见即所得文本编辑》 最近在这个基础上陆陆续续又加了点新功能。主要是： 引入 open

大家好，我是前端西瓜哥。 因为在做开源的 suika 图形编辑器，交互参考了 Figma，所以我总结了 Figma 的选中交互设计。 点选 按下鼠标，此时有多种场景。 1、鼠标在控制点上，此时拖拽，控

大家好，我是前端西瓜哥。 本文介绍 canvaskit 的简单用法，如何绘制几种基本图形，对 canvaskit 做一个简单入门。 canvaskit 是 skia 的 wasm 封装版本，大概可以理

‍ ‍大家好，我是前端西瓜哥。 有些图形软件，其底层是以贝塞尔样条曲线为原始图形（primitives），也就说它就只支持渲染贝塞尔曲线，数据层的其他图形（比如圆）的表达，都需要转换为贝塞尔曲线来拟合

大家好，我是前端西瓜哥。 这篇文章简单过一下 canvaskit 的高级功能，布尔运算。 用法 canvaskit 支持布尔运算，用法是创建两个 path 对象 path1 和 path2，然后调用

大家好，我是前端西瓜哥。 canvaskit 类似 Canvas 2D，会维护画布的 当前矩阵（current matrix），之后通过 drawXx 渲染图形时，会应用这个矩阵的值对顶点做一次变换计