html - 可以将着色器应用于 DOM 元素吗?

标签 html opengl-es webgl fragment-shader

我希望创建一个具有着色器效果的网页,覆盖所有 DOM 元素。我知道可以将着色器应用于 Canvas ,但我不想在 Canvas 内创建整个页面。有谁知道完成这个的好方法?我假设,如果可能的话,它将涉及各种技术和框架的混合。

最佳答案

也许您正在寻找这样的东西 HTML GL .

没有简单的方法可以将“着色器”应用到 DOM 上……DOM 和 WebGL 本质上是两个彼此无话可说的实体,两个独立的世界,有自己的逻辑,奇迹般地结合在一起通过 HTMLCanvasElement。 DOM 是一个非常高级的抽象层,WebGL(基于 OpenGL 的薄抽象层)是一个低级抽象层。

这意味着,除非使用像 HTML GL 这样的东西,你必须自己实现一些东西来通过带有 WebGL 的 Canvas 绘制你的 DOM...

关于html - 可以将着色器应用于 DOM 元素吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46895220/

相关文章:

jquery - 拖动有序列表项时,后续项的编号总是增加 1

javascript - 本地存储和变量

android - GLSL - 用于图像处理/混合的 fragment 着色器

opengl-es - 如何有效地将深度缓冲区复制到 OpenGL ES 上的纹理

ios - 使用指针设置顶点不起作用

css - 以倒置旋转木马或 VR/球形方式查看图像

javascript - WebGL 上的错误 "Tex image TEXTURE_2D level 0 is incurring lazy initialization"

javascript - 无法在循环中设置未定义的属性 'innerHTML'

Javascript 克隆和循环问题

opengl-es - 在 OpenGL 着色器中在 main 之外进行计算是否合理?