草庐IT

透明背景

全部标签

JavaScript Canvas - 改变图像的不透明度

我正在尝试在Canvas中创建平台游戏。我有主Angular和一些敌人。当玩家接触到敌人时,他会损失一些生命值,并在大约3秒内无法接触。现在我有一个问题。失去HP后,我想将Angular色图像的不透明度设置为0.5(以显示不可触摸的东西)。varmainchar=newImage();mainchar.src='mainch.png';我不想使用ctx.globalCompositeOperation="lighter"或ctx.globalAlpha=0.5因为它们都会改变所有元素的不透明度(它是全局的).有什么办法可以改变图像的不透明度吗?例如'mainchar.changeopa

javascript - Three.js - 在 THREE.Points 上用于透明 Canvas 纹理贴图的 depthWrite 与 depthTest

问题depthWrite:false和depthTest:false之间有显着差异吗?使用depthTest是否提供性能优势?选择一个或另一个会牺牲功能吗?原始问题我想渲染一个THREE.Points对象,每个点都有半透明的圆圈。我使用了从canvas元素加载的THREE.Texture并将其传递给THREE.PointsMaterial上的map属性>.透明度没有完全起作用,一些圆圈很好地重叠,但其他圆圈表现得好像它们是实心的。我在了解了THREE.PointsMaterial上的depthWrite:false和depthTest:false后修复了它。我在哪里我有一个代码示例(嵌

javascript - 如何更改背景颜色、标记 CSS 以及在标记上添加悬停文本?

我正在尝试使用visjs创建时间轴View升级场景(升级前、发布前和升级后)类似于下图。需要一些指针来创建图像中描绘的不同区域颜色,需要CSS将主标记更改为图像源,并且在悬停slider(区域或标记)时它应该显示一些描述。CSS.vis-item.vis-background.preupgrade{background-color:rgba(0,153,255,0.2);}.vis-item.vis-background.prerelease{background-color:rgba(102,204,255,0.2);}.vis-item.vis-background.postupg

javascript - 带有 JavaScript 跨浏览器的 Webkit 背景过滤器

我看过这个令人惊叹的新演示-webkit-backdrop-filter:blur(Xpx);我想问一下如何使用至少在Chrome中运行但也可能在Firefox中运行的JavaScript重现此问题?演示:https://webkit.org/demos/backdrop-filter/ 最佳答案 你可以尝试svg过滤器:http://codepen.io/MakiBM/pen/YGEgQK?editors=1000我还没有进行跨浏览器检查,但支持非常广泛:http://caniuse.com/svg-filters

javascript - 有条件地递归更改所有节点和边的不透明度(d3)

更新:IhavecreatedaJSFiddlehere.请用你的答案发布一个更新的fiddle。我有动态过滤器,用户可以将其应用于数据,但它们会更改节点的不透明度以指示过滤入和过滤出的内容(过滤后的“out”元素仍然部分可见,并且未使用实际的d3filter()函数(故意地))。我还在每个被过滤掉的节点上设置了一个属性(例如node={"name":"test","isFilteredOut":true};)。所以就这个问题而言,即使我使用了“过滤器”这个词,它实际上只是一个有条件的样式更改(我会尝试在这篇文章的引号中加上“过滤器”这个词来提醒这一点)。这一切都很好,但现在我想递归地

javascript - 检测对背景大小 : cover 的支持

检测对CSS3background-size:cover支持的保存方法是什么,尤其是在IE以下测试在IEbackground-size设置为cover:div.style.backgroundSize='cover';我在测试时得到的唯一真实结果:if('backgroundSize'indiv.style)但根据网站http://www.standardista.com/css3/css3-background-properties/#bg11,IE6/7/8应返回auto,仅不支持cover和contain。编辑:我想使用我自己的解决方案,但我已经检查了codeusedbyMode

javascript - 根据背景颜色更改多个元素颜色

我有一个包含多个元素的固定菜单。我正在尝试找到一种方法让所有这些元素根据背景颜色改变颜色。元素是一个#page::before,.logo-scroll这两个元素都有白色边框(无填充)主导航.main-navigation的链接及其边框为白色白色的标志。我也有黑色版本。我的网站由3种颜色组成,黑色、白色和黄色。当背景部分为黄色或白色时,我希望元素切换为黑色。该网站正在build中,但您可以在此处查看:https://www.sheree-new.shereewalker.com我试过这个标志https://eduardoboucas.com/blog/2017/09/25/svg-cl

javascript - 当页面上存在透明 PNG 时,站点上的所有 Javascript 在 Firefox 4 中执行得非常慢

ETA更新:我发现如果我从我的站点中删除所有透明的.png文件,大约有5个,它运行良好。这很奇怪。赞成票会很有帮助,我在多台计算机上对其进行了测试,4/15有这个问题。谢谢!有什么想法吗?在PCFirefox和所有其他浏览器上运行良好,但在4/15计算机上的MacFirefox上,Javascript非常慢,特别是菜单栏。我在站点外对它们进行了测试,它们工作正常。这个问题好久了,不知道怎么解决。已更新,如果我从站点中删除透明PNG,问题就会消失,例如左上角的横幅。我的网站:http://thenozzle.net/所有的javascript都比其他浏览器慢一点,两个最大的是菜单栏和视频

javascript - 为什么改变正文的背景颜色会改变整个页面的背景?

我使用这段代码记录了高度和填充值:jQuery(document).ready(function(){console.log(jQuery('body').css('height'));console.log(jQuery('body').css('padding-top'));console.log(jQuery('body').css('padding-bottom'));});//endready这个输出:20px0px0px如果body的高度只有20像素,为什么当我使用这个CSS时浏览器的整个背景都变黑了:body{background:black;}我使用Chrome作为我的

javascript - 弹出窗口中的背景页面 - chrome 扩展

我在弹出窗口中嵌入动态网页。目前它正在工作,每次加载弹出窗口时,网页都会再次加载,因此我失去了我在弹出窗口中所做的工作。虽然很好,但我希望该网页保持在后台加载,我只是在点击时在弹出窗口中显示它。为此,我将完整代码从弹出页面(脚本+html)复制到background.html。现在我应该如何在弹出窗口中完全访问页面并直接显示(我也想从后台页面显示html)谢谢 最佳答案 弹窗和后台页面在同一个进程(扩展进程),一个页面可以获取另一个页面的DOMWindow。弹出窗口通过调用chrome.extension.getBackground