本文会带大家使用 TypeScript 封装一个构造函数 CanvasContainer。用来实现 Canvas 画布的 拖动平移 和 鼠标滚动缩放 两个常用的功能。

本文介绍了使用SVG和D3.js开发思维导图的过程，包括数据结构的设计、节点坐标的计算以及连线的实现。开发者分享了两种数据格式（平铺和树形）的选择和优缺点，并展示了如何利用D3.js处理节点和连线信息

引言 在上一篇中我们提到了，流程图库的实现技术方案中主要有 SVG 和 Canvas，为了方便后续的学习，这一章我们将带大家学习一下 SVG 相关的知识，并着重介绍下在流程图库中可能用到的一些技术点，

搞清楚了我一直都很想搞清楚的问题，虽然没完全搞清楚，那就是---->当我们的手指在滑动时，系统怎么才能正确展示滑动效果。

最近看到某些视频剪辑工具，觉得蛮好玩的，看起来很复杂其实本质上实现相应一些基础功能其实相对简单，这里核心是视频剪辑和在视频添加对应的文案。当然衍生下去其实还有更多的

视频剪辑类工具常常需要这个样一个组件，如何用vue实现一个？ 实现 resize 上面每一个小块我们称之为item ，item 左右各有一个holder ，item 在其父容器中是绝对定位(posit

低代码平台经常要用到标尺和缩略图操作同步的画板，点进来就能定制你的专属低代码画板！还等什么！快看我！

fly-cut是使用webcodecs实现的Web端视频编辑工具，类似剪映Web版。 fly-cut支持导入文本、图片（静态图片、动图）、音频、视频进行编辑，然后合成导出视频；并且所有功能不依赖后端。

HTML 具体实现 初始化 获取具体帧画面 这个函数，能根据给定的视频文件和某一秒，生成那一秒的视频画面 时间也可以给个数组，最终返回对应的Blob和url对象 接下来需要实现genFrame函数 首