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

门泽兹

好吧,我想设置一个background-image深度,而不是那个退化的背景。我尝试了很多东西,我尝试了这个社区的很多答案,但没有办法......结果永远是background-image不可见或粒子上方。我只想background-image替换当前的background-color.

我希望任何人都能够帮助我提供正确的代码,感谢并抱歉我的英语。

https://codepen.io/at80/pen/tqdmv

<canvas>
比利布朗

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

您需要做的是确保当片段绘制的不是叶子的东西(例如背景)时,它的 alpha 值为0.0最简单的就是在gl_FragColor.a = 0.0;某个地方。我是 OpenGL/WebGL 的新手,所以我无法通过找到确切的位置或方法来帮助你。

你有很多片段着色器,它们每个都在做不同的事情。着色<script id="bg_fsh" type="x-shader/x_fragment">器仅控制背景,但仅靠它是不够的。

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章