HYCS

如果你在使用一个Canvas渲染引擎，那么你一定会使用图片作为画布上的元素，因为很多复杂的图形，是很难通过Graphics类来手动构建的，所以图片处理是一个Canvas渲染...

谷歌于2023年4月份在chrome113上发布了webGPU，它的前景是非常优秀的，甚至可以说是web端渲染的未来，很多基于webGL的引擎已经开始支持webGPU了，如...

webGL支持的最复杂的图形就是三角形了，对于任何我们想要绘制的图形，我们都需要将其转化成三角形(三角剖分)......本文的内容则是讲述如何将这些数据送入GPU，让GPU...

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

方式一、pdf文件理论上可以在浏览器直接打开预览但是需要打开新页面。在仅仅是预览pdf文件且UI要求不高的情况下可以直接通过a标签href属性实现预览 这个插件可以实现pd...

原生的canvas并没有提供事件系统，而事件系统又是一个canvas渲染引擎必不可少的一个模块，它实在是太重要了，想象一下，我们在画布上创建了一堆节点，然后我们点击了画布，...

假设我们现在在canvas上画了很多个节点(DisplayObject)，这些节点形成了一套层级关系，我们将鼠标移动到canvas元素上并点击了一下左键，这个时候，如何判断...

本文将会介绍Graphics类支持的所有图形，一些简单的图形，将会使用比较短的篇幅来介绍，重点将会放在曲线等复杂图形的绘制上，如贝塞尔曲线、圆弧等......

本系列文章将会从0开始，实现一个canvas渲染引擎，并介绍每一步的实现细节，在这个渲染引擎里.........

canvas并不会主动维护一个层级关系，我们能做的事情，只有画圆、画矩形、画线等，至于像DOM那样，在一个节点上调用appendChild来给这个节点添加子节点这种事情，在...

贝塞尔曲线又叫贝兹曲线，在大学高数中一度让我非常头疼。前阵子练手写动画的时候，发现贝塞尔曲线可以应用于轨迹的绘制以及定义动画曲线。 本文就来探究一下，贝塞尔曲线到底是个什么...

表达式进一步转换成0==0，结果为true。 虽然过程复杂，记住判断的思路即可，非对象之间，先类型转换再比大小，对象比较则调用获取原始值方法再进一步比较。 接下来是判断2种...

package.json 是一个用于描述和配置项目的重要文件，其中包含了许多字段和选项，可以影响项目的构建、依赖管理、脚本执行等方面。了解这些字段可以帮助开发者更好地理解和...

贝塞尔曲线于 1962 年，由法国工程师皮埃尔·贝济埃（Pierre Bézier）所广泛发表，他运用贝塞尔曲线来为汽车的主体进行设计。 贝塞尔曲线主要用于二维图形应用程序...

拥有了强大的Canvas，我们可以使用JavaScript来控制它从而轻易地绘制出各种各样想要的图形，还可以利用JavaScript将用户的交互与canvas的绘制紧密地连...

本文旨在分享一些前端常用的拖拽、旋转、缩放、框选等操作的实现方法，重心会放在核心思想上(当然也会有代码实现)。虽然项目采用pixijs实现，但是核心思想并不仅仅局限于pix...