canvas
4篇文章 · 0订阅
  • 解决canvas画图模糊
    在做一个H5项目的时候，有一个需求是需要将html生成图片供用户长按保存，最开始偷懒采用html2canvas，但是发现html2canvas也有不少坑，时不时出现保存图片不完整的情况，在尝试了很多方法之后，最终放弃了html2canvas, 决定直接在canvas上绘图。然而…
    Canvas
  • canvas 多个图形可视化操作:拖拽、缩放、旋转
    实现一个 canvas 拖拽、缩放、旋转的效果，如下效果图。 统一使用 typescript 来编写，在面对状态操作复杂的流程， ts 提供了状态标注，类型提示等。便于我们维护和梳理流程思路。比如类型标注提供了类似注释的功能，将对象描述清楚的同时，在我们使用相关属性或方法都会有…
    Canvas
  • canvas进阶——如何实现canvas的事件系统
    众所周知，canvas 是前端进军可视化领域的一大利器，借助 canvas 画布我们不仅可以实现许多 dom 和 css 难以实现的、各种绚丽多彩的视觉效果，而且在渲染数量繁多、内容复杂的场景下，其性能表现及优化空间也占据一定优势。 然而 canvas 却存在一个缺陷：由于 c…
    Canvas
  • 学习 canvas 的 globalCompositeOperation 做出的神奇效果
    最早知道 canvas 的 globalCompositeOperation 属性，是在需要实现一个刮刮卡效果的时候，当时也就是网上找到刮刮卡的效果赶紧完成任务就完了，这次又学习一次，希望能加深理解吧。 先来看下 canvas 的 globalCompositeOperatio…
    前端 Canvas