如何更改在画布上渲染的单个对象的不透明度？

文章/答案/技术大牛

发布

1回答

javascript、web、canvas、html5-canvas、particles

我在画布上渲染了这些粒子，它们是列表中的对象。现在，它们填充在屏幕上，如果列表中有超过一百个条目，那么我会删除前两个条目。我的问题是，我想在创建时逐渐增加不透明度，并在删除对象之前逐渐减少它。最好的方法是什么？下面是我的js： var c = document.getElementById("canvas"); var ctx = c.getContext(

浏览 25提问于2020-01-27得票数 1

回答已采纳

1回答

Three.jsα在整个对象上

three.js、opacity、alpha、collada

我正在创建包含多个Collada对象的Three.js场景。我希望能够从Three.js中设置每个Collada对象的不透明度(以便对象能够在需要时溶解在场景中或从场景中消失)。我能够在对象中设置单个材料的不透明度，但这会产生相当奇怪和不受欢迎的效果：loader.load(src, fu

浏览 1提问于2015-08-03得票数 2

回答已采纳

1回答

绘制不重叠的半透明形状

android、drawing

我画了几个透明的圆圈。圆的数量和它们的位置是不固定的。目前，我在Paint对象中设置透明颜色，并使用Canvas对象在for循环中绘制圆。但这会造成重叠。我想到了一个方法：-在主画布以外的其他东西上将所有的圆渲染为不透明的。-设置透明度。-在画布上绘制最终对象。我如何在android上实现它

浏览 2提问于2012-06-08得票数 0

2回答

如何在2D渲染中改变图像的不透明度？

xtk

我想知道是否有一个功能可以改变2D渲染图像的不透明度(就像在画布上悬停的动作一样)谢谢你，阿迈勒

浏览 2提问于2013-05-28得票数 2

2回答

边缘从不透明度1到0褪色的帆布

javascript、css、canvas、html5-canvas

我正在创建一个内有图像的画布在画布后面有一张蓝色墙纸在一个分区里。正如您在图像上看到的(在Photoshop上完成的)，画布(带太阳的图像)正在从不透明度1下降到0。我如何用JS或CSS在画布上做这件

浏览 8提问于2022-05-16得票数 2

2回答

XNA分层Sprite问题

xna、rendering

我有一个管理多个sprite对象的游戏对象。每个精灵都会相互重叠一点，当它们处于100%不透明度时，绘制它们看起来很好。如果我将它们的不透明度设置为50%，也就是说，由于多层的原因，任何重叠的区域都不会有50%的不透明度。 -->就是这里。我想我需要更多的代表才能正确收录

浏览 1提问于2011-01-29得票数 2

回答已采纳

1回答

重叠

unity3d

问题:当修改透明性时，画布中的两个对象相互混合。中心:不透明度50%，图像混合(实际效果)；如何防止基于顺序的<

浏览 2提问于2019-12-02得票数 5

回答已采纳

1回答

使用不透明度隐藏/显示画布的Chrome问题有趣(即令人讨厌)

javascript、html、google-chrome、canvas

以下代码用于暂时隐藏星空图，包含在覆盖时钟面的画布中，它在Firefox上工作得很好，但在Chrome上却不工作：更奇怪的是，如果我将不透明度恢复到0.99而不是1，画布也会适当地重新出现。谁有更好的想法如何<

浏览 3提问于2022-01-29得票数 1

1回答

如何使用子对象淡入淡出CCSprite对象

cocos2d-iphone

假设我有一个名为sprite的CCSprite对象，并添加一个标签作为它的‘child.While’，如果我调用[sprite runAction:[CCFadeToactionWithDuration:5.0 opacity:255]]; 标签不会被精灵淡出，相反，它看起来好像不透明属性不能从它的‘parent.So’继承，如果我想让精灵和它的子代同时淡出而不需要同时为父代和子代使用

浏览 0提问于2013-03-15得票数 1

1回答

three.js、webgl、transparency

我正在开发一个使用THREE.js的绘图软件。一些绘制的矩形在同一平面上，所以当我移动相机时，特别是，但不限于，会有z争斗。transparent: true所有其他我想画在前面提到的矩形上的对象。第二种解决方案感觉更干净，更有效(虽然玩pol

浏览 57提问于2018-03-04得票数 1

1回答

渲染重叠的半透明对象而不会使重叠变暗

iphone、opengl-es、cocos2d-iphone

我不确定这是否有一个名字，但基本上我需要做的是拿出两个不透明的精灵，以50%的不透明度绘制它们，在它们重叠的地方，不要让它看起来更暗。左边的图像是它最初的渲染方式。然后，我想减少渲染的alpha，默认情况下，我得到中间的图像，但我想得到右边的图像。我在iPhone上使用cocos2d，

浏览 5提问于2010-02-17得票数 7

回答已采纳

1回答

Jetpack Compose中阴影的X和Y偏移、模糊、不透明度和颜色？

android、canvas、android-jetpack、shadow、android-jetpack-compose

因为Jetpack Compose有this limitation，所以我正在寻找解决这个问题的办法？也许Canvas可以做到这一点？如果有人能提供如何在Jetpack Compose中渲染阴影的代码片段，使用额外的参数，如X和Y偏移，模糊和不透明度，自定义实现(画布或其他)，我真的很感激。

浏览 254提问于2021-08-31得票数 3

回答已采纳

1回答

在PDF.js中，如何隐藏画布并以完全不透明的方式显示底层文本？

javascript、css、html、html5-canvas、pdf.js

当PDF.js将PDF处理为HTML5时，它会在包含文本的所有<div>元素上放置一个<canvas>。此画布是PDF的适当渲染，而下面的文本相当粗糙(但足以满足某些目的，例如搜索单词)。禁用对基础文本起作用的color: transparent类上的.textLayer属性。在

浏览 5提问于2017-04-10得票数 2

回答已采纳

2回答

Three.js:将阴影投射到网页上

three.js

是否可以在three.js中创建可接收阴影的透明/不可见平面？我的目标是在没有背景的3d画布上绘制一些对象(这样我就可以看到画布元素后面的网页)。我想让物体在背景上投下阴影，我想，如果我能做出一个不可见的平面，那么网页背景仍然可见。阴影投射在平面上，看起来就像阴影在网页上一样。现在我可以制作一个不透明度为0.5 (或类似)的白色平面，但这样平面就可见了。

浏览 1提问于2012-10-14得票数 3

回答已采纳

1回答

渲染中的FabricJS不透明度问题

javascript、canvas、fabricjs

我试着在画布上渲染这幅画：但是，它是如何使用FabricJS呈现的：顺便说一句，对于EaselJS，相同的图片会正常呈现我的CoffeeScript： opacity: 1正如你所看到

浏览 4提问于2016-02-21得票数 2

回答已采纳

点击加载更多