代码之家 › 专栏 › 技术社区 › Menzezzz

如何将背景图像设置为画布

webgl html5-canvas background canvas javascript

-3

Menzezzz · 技术社区 · 9 年前

嗯,我想要一套 background-image 深度,而不是退化的背景。我尝试了很多事情,我尝试了这个社区的很多答案,但没有办法……结果是 背景图像 不可见或在颗粒上方。我只是想 背景图像 background-color .

我希望任何人都能帮助我正确的代码,谢谢和对不起我的英语。

<canvas>

2 回复 | 直到 9 年前

Billy Brown 9 年前

我无法完全回答您的问题,因为有很多着色器代码需要查看。

0.0 .最简单的就是 gl_FragColor.a = 0.0;

<script id="bg_fsh" type="x-shader/x_fragment"> 只控制背景,但仅靠背景是不够的。

在片段着色器中使背景透明后,可以以某种方式设置背景图像,例如在 <div> 包含画布,应该显示出来。

-2

Avinash Mishra 9 年前

推荐文章

Community wiki · 颜色属性如何在VBO中工作?

3 年前

Danny Raufeisen · WebGL不喜欢带索引绘图的Index 255

3 年前

Pap113 · Google chrome和Apple M1中的计算着色器

3 年前

Brigapes · 像Macbook Air这样的GPU受限设备是广泛市场WebGL性能指标的好来源吗?

3 年前

Seth Lutske · 在webgl中的鼠标上绘制像素事件-顶点缓冲区不够大,无法进行绘制调用

3 年前

Thomas_ · 德国劳埃德船级社。抽屉元素“找到”相应的顶点数组缓冲区?

8 年前

Thomas An · GLSL ES1.0并将纹理单元索引传递给片段着色器?

8 年前

greedsin · texImage2D:XMLHttpRequest之后的图像无效

8 年前

user2694310 · 不同平台/硬件的不同GL着色器结果(YUV到RGB)

8 年前

user3186555 · WebGL颜色约定-我使用哪种以及为什么?

8 年前