前言 浏览器渲染引擎每个阶段怎么协同工作的，线程之间并行或者互斥是怎么一回事，渲染引擎的每个阶段流水线执行，理解每个阶段的细节，是写出高性能前端代码的关键 —— 只有知其然且知其所以然，才能在实际开发

DIY.JS是一款强大的图形库，可用于商品定制。它能帮助开发者快速构建如手机壳、T恤等商品定制的应用。其自带功能，无需从零开始构建，可快速集成到项目。

通过几个月的 Shader学习，看到一些酷炫大屏效果时，感觉我上我也行。本文将列举一些实现/学习的小效果， 当然这种用 shader直接渲染的方法一定是计算性能相对较大的，但是在编写过程中发现其实时渲

数字农业可视化利用大数据、物联网、人工智能、GIS等技术，为农业生产经营管理提供了全新的高效的决策支持工具，使农业从业者能够更加清晰、准确地了解农业生产的各个环节，从而实现精准决策、精细管理和高效运维

记录一下使用将 Ray Tracing in One-Weekend 的代码 port 到 WebAssembly 的过程

在2011年左右，webGL登陆了浏览器，在这之前，我们已经可以用canvas来构建高性能(相较于DOM)的web端应用了，虽然canvas相对于DOM比较底层一些，但是canvas始终是封装...

今天领导给我一个任务，就是要求画布上面需要增加一个标尺，用来识别画布内元素的坐标，于是就开始我的搬砖之旅了。 开始想着挺简单的，不就是对画布进行刻度标记吗，写着写着发现有点不连贯了，于是就开始在网上找

对使用 canvas 缩放后, 同样大小的 rect 却不能覆盖原有的 rect, 即使这两个 rect 一样大, 位置也一样, 偶然发现了一个很棒的解法!

本文使用「署名 4.0 国际 (CC BY 4.0)」 许可协议，欢迎转载、或重新修改使用，但需要注明来源。 前言 图形编辑器提供了一个交互式的界面，允许用户在网页中创建、编辑和操作各种图形元素。 编