Canvas2D渲染库简析:(二)Konva
与古老的Fabric相比,Konva的使用更为便捷,性能更加优益,这些得益于其内部的种种设计,本次通过以下几个方面来对其进行分析:
- 基础元素及上下文的扩展
- 图形变换处理(变换计算及独立的图形控制器)
- 光标交互处理(基于像素的目标检测)
- 层级渲染处理
与古老的Fabric相比,Konva的使用更为便捷,性能更加优益,这些得益于其内部的种种设计,本次通过以下几个方面来对其进行分析:
了解Canvas2D渲染功能实现与设计,在使用时知其所以然,在创造时有所借鉴。从以下这四个方面来分析Fabric.js
针对具有复杂canvas交互操作的e2e测试,尝试使用puppeteer模拟复杂canvas交互,自动执行相关测试用例,利于减少重复的人工验证和回归测试。
主要做了封装通用操作,添加操作辅助类,与测试工具集成,结果验证等工作。
……目前Web中主要有两种方式可以显式的调用GPU来执行计算任务:
Tl;DR:
总结在使用canvas时遇到的一些通用效果实现与相关示例。
……从CDP与源码的角度简单分析下pptr中的常用API
……Houdini, in essence, gives developers lower level access to CSS itself.
微信基础库1.7.0之后的版本提供了新版的WebSocket API,考虑到兼容性问题,尝试整合新旧两种版本的API,进行简单的封装。
……