草庐IT

不透明度

全部标签

javascript - 传单重叠形状不透明度

下面是带有圆圈的传单(http://leafletjs.com/)map的屏幕截图。圆的不透明度为0.5,你可以清楚地看到它们重叠的地方。是否可以添加样式规则以使重叠不具有更高的不透明度?leaflet似乎不支持这一点,但我想知道css是否可以实现这样的事情?我希望能够显示红色圆圈上方的内容(即显示其下方的内容)并具有均匀的颜色。将不透明度分配给一个是不可行的。 最佳答案 AFAIK在CSS中没有办法阻止半透明形状的重叠区域将它们的颜色“添加”到彼此,无论好坏,这是预期的行为(现实生活中这种形状会发生什么也是)。不幸的是,这对您没有

javascript - 在 jQuery 中,你能得到正在褪色的元素的 "target"不透明度吗?

我想以某种方式获得正在褪色的元素的目标不透明度(它被动画化到的最终值)。例如……$('body').fadeTo(0.4);//0.4$('body').fadeIn();//1$('body').fadeOut();//0$('body').animate({opacity:0.7});//0.7这在jQuery中可行吗?更新有关一些背景,请参阅我在StackOverflow上的回答.我试图在SO上帮助另一个用户,并决定问这个与我的答案相关的问题。 最佳答案 jQuery内部使用step函数,你可以覆盖jQuery.fx.step

javascript - Prop 更新时,React Native 组件不透明度不会更新

我有一个ReactNative子组件,如果disabled属性设置为true,它会呈现一个半透明状态的按钮。该prop可能会在应用程序初始加载后更新(一旦它获得了数据),因此不会是组件的初始状态。我可以看到,一旦我与按钮交互,它就会改变其状态,但出于某种原因之前不会。我可以从日志和onPress行为中看到,Prop正在更新。我尝试了不同的方法,但似乎都无法解决问题。classTestButtonextendsReact.Component{constructor(props){super(props);}render(){constbuttonOpacity=(this.props.d

javascript - 透明图像 - 在 JS 中可能吗?

是否可以在javascript中设置任何图像的透明度?我该怎么做? 最佳答案 如果使用纯javascript,这应该可以工作:functionSetOpacity(imageid,opacity){vars=document.getElementById(imageid).style;s.opacity=(opacity/100);s.MozOpacity=(opacity/100);s.KhtmlOpacity=(opacity/100);s.filter='alpha(opacity='+opacity+')';}调用方式:Se

javascript - CSS3不透明度的最大精度是多少?

所以我一直在生成opacityforinteractivefading.不过,我认为对不透明度使用未四舍五入的值并不是一个好主意。如果最大精度低于最大javascript精度,浏览器似乎对该值进行四舍五入,但认为它已更改。所以问题是,对CSS3opacity有意义的最大精度是多少? 最佳答案 Opacity基本上允许您想要的小数位数,但问题是HTML只能以256种不同的方式改变其亮度。因此,最敏感的不透明度将出现在白色的黑色之上,这将有256种不同的可见色调。这是因为R、G和B之间的比例必须始终保持不变才能保持相同的颜色。因此,由于

javascript - 如何更新传单中 WMS 图层的不透明度?

如何在不调用“removeLayer”的情况下调整传单中的不透明度?我已经在我的map上使用了“map.addLayer(myLayer)”。我看到有一个setParams()方法,但是当我调用“myLayer.setParams({opacity:0.1})”并且WMS没有刷新按钮时它似乎没有效果。这在Leaflet中甚至可能吗?如果是这样,如何?甚至有什么方法可以调用“map.getLayers()”之类的东西,或者可以检索已经添加到map的层的东西吗? 最佳答案 像layer.setOpacity(0.5)一样使用setOpa

javascript - 三个 JS 透明度与 ShaderMaterial

我正在绘制两个相邻的几何体并让它们旋转。问题是第一个绘制的阻碍了第二个,透明度应该生效。这两个对象应该具有相同的透明度,无论谁先被绘制。这就是混合打开而深度测试关闭的原因。以下是图片:两个几何体都是使用THREE.ShaderMaterial的点云,如下所示:varshaderMaterial=newTHREE.ShaderMaterial({uniforms:uniforms,attributes:attributes,vertexShader:document.getElementById('vertexshader').textContent,fragmentShader:doc

javascript - 如果多次应用,带有 alpha 的 rgba fillStyle 不会变得完全不透明

我偶然发现了一个奇怪的问题。以下代码导致图像逐渐消失,因为它被半透明矩形一遍又一遍地overdraw。但至少在draw();的第10次迭代时,图像应该完全overdraw,因为那时rect应该完全不透明,对吧?但它实际上从未完全消失。这种效果在Chrome上比在Firefox上更差。但要注意:糟糕的屏幕可能会隐藏这种错误行为=)我还做了一个demo在jsFiddle上。$(function(){varcanvas=$("#mycanvas"),ctx=canvas[0].getContext("2d"),imgUrl="http://it-runde.de/dateien/2009/a

javascript - 使用 CSS/Javascript 使具有部分透明度的背景图像变暗

我正在使用部分透明的CSSSprite(即图像中的对象是不透明的,背景是透明的)。我想使用CSS或Javascript使图像变暗。我需要让图像改变黑暗级别,为每个黑暗级别制作单独的图像是不切实际的。如果不是为了透明背景,我可以在图像顶部添加一个黑色层并更改该层的不透明度。这基本上是我所拥有的:http://jsfiddle.net/PXU6j/2/HowdoImakethisdarker? 最佳答案 在上面放一个带有alphachannel的黑色div:http://jsfiddle.net/PXU6j/3/注意我用过backgro

javascript - Fabric.js - 带笔划/边框的圆形透明背景

我在fabric.js版本1.6.0-rc.1中呈现了一个圆圈:varcirclePatrol=newfabric.Circle({top:300,left:180,radius:200,strokeDashArray:[10,10],stroke:'black',strokeWidth:10,fill:'white',opacity:0.2});我想将背景设置为透明但保留圆圈周围的描边。这在fabric.js中可能吗?不透明度也被应用于笔划/边框,我试图将它仅应用于圆圈的背景。我也试过透明背景,还是不行:varcirclePatrol=newfabric.Circle({top:30