Canvas
3篇文章 · 0订阅
  • 【开源】canvas图像裁剪、压缩、旋转
    前段时间遇到了一个移动端对图像进行裁剪、压缩、旋转的需求。 考虑到已有各轮子的契合度都不高，于是自己重新造了一个轮子。 在HTML5时代，canvas的功能已经非常强大了，可以进行像素级的操作。像图像裁剪、压缩就都是基于canvas来实现的。 关于其中原理，无非就是利用canv…
    Canvas 前端 开源
  • 理解Canvas Context 的save() 和 restore()
    之前写过一个基于canvas实现的共享写作画板应用，当时在写这个应用的有画板绘制的“前进”和“后退”功能，当时查了MDN上的Canvas文档，看到了有save()和restore()两个方法。文档上是这样解释的使用 save() 方法保存默认的状态，使用 restore()进行…
    JavaScript
    理解Canvas Context 的save() 和 restore()
  • canvas 多个图形可视化操作:拖拽、缩放、旋转
    实现一个 canvas 拖拽、缩放、旋转的效果，如下效果图。 统一使用 typescript 来编写，在面对状态操作复杂的流程， ts 提供了状态标注，类型提示等。便于我们维护和梳理流程思路。比如类型标注提供了类似注释的功能，将对象描述清楚的同时，在我们使用相关属性或方法都会有…
    Canvas