草庐IT

游戏背景

全部标签

javascript - DOM 中所有背景图像的列表

使用javascript在给定页面上查找所有背景图像的最佳方法是什么?理想的最终结果是所有url的数组。 最佳答案 //警报(getallBgimages())functiongetallBgimages(){varurl,B=[],A=document.getElementsByTagName('*');A=B.slice.call(A,0,A.length);while(A.length){url=document.deepCss(A.shift(),'background-image');if(url)url=/url\(['

javascript - 使用 fabric js 时需要更改 Canvas 背景颜色

我有一个Canvas元素,我用它创建了织物对象。现在,我想动态更改背景颜色。以下内容对我不起作用。varx;x=newfabric.Canvas("mycanvas",{backgroundColor:"#fff",selection:true});x.backgroundColor="#f00";背景颜色是白色,不会变成红色。 最佳答案 更改属性后需要渲染Canvas,因为对象的属性只是属性,不由事件处理http://jsfiddle.net/oceog/gDhht/varcanvas=newfabric.Canvas('c',{

javascript - 游戏循环 requestAnimFrame (javascript/canvas)

我正在为此苦苦挣扎,似乎无法找到更多引用资料。我正在使用由Google编写的requestAnimFrame:requestAnimFrame=(function(){returnwindow.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(/*functionFrameRequestCallback*/cal

javascript - 等待CSS中的背景图片完全加载

这个问题在这里已经有了答案:OfficialwaytoaskjQuerywaitforallimagestoloadbeforeexecutingsomething(11个答案)关闭8年前。我有一个网络应用程序,它使用在外部CSS中加载的外部背景图像。现在,可以在图像完全呈现之前使用该应用程序,从而产生奇怪的视觉效果。如何在图像完全加载之前停止脚本执行?它可以使用普通的JavaScript或jQuery。因为图像是在外部CSS中加载的,所以我读到的正常触发器不起作用。

javascript - select2 改变背景颜色

我正在尝试在我正在创建的网页上使用select2。然而,组合框背景似乎是透明的,但我需要将其更改为另一种颜色。我尝试修改select2.css文件,但似乎没有任何效果。有什么想法吗? 最佳答案 如果您尝试定位组合框包装器,请使用.select2-search{background-color:#00f;}如果您尝试定位输入使用.select2-searchinput{background-color:#00f;}如果您尝试定位结果包装器使用.select2-results{background-color:#00f;}希望这对您有所

javascript - Threejs Canvas 背景黑色

用threejs的基本场景试了下,不明白canvas背景为什么全黑MyfirstThree.jsappbody{margin:0;}canvas{width:100%;height:100%;background-color:white;}varscene=newTHREE.Scene();varcamera=newTHREE.PerspectiveCamera(75,window.innerWidth/window.innerHeight,0.1,1000);varrenderer=newTHREE.WebGLRenderer();renderer.setSize(window.in

javascript - JQuery 背景颜色动画不起作用

我想将“exampleDiv”的背景颜色从原来的白色背景更改为当我调用下面的代码立即将背景更改为黄色然后淡化回原来的白色背景时。$("#exampleDiv").animate({backgroundColor:"yellow"},"fast");但是,此代码不起作用。我只有JQuery核心和JQueryUI链接到我的网页。为什么上面的代码不起作用? 最佳答案 我在animate方面取得了不同程度的成功,但发现使用其内置回调加上jQuery的css似乎适用于大多数情况。试试这个函数:$(document).ready(functio

javascript - 当 Microsoft Edge 中存在许多(以及更多)背景元素时,输入字段文本输入变得缓慢

HereisaJSFiddlethatdemonstrateswhatIdescribebelow我一直在尝试找出一个奇怪的Edge渲染问题。我无法重现该问题,但我已经能够重现一些我认为直接相关的奇怪行为。我在一些整页和一些页眉上使用了一个背景技巧,涉及创建一堆随机具有非常低不透明度(即几乎透明)的元素,然后随机变换它们。这有点愚蠢,但它在Firefox和Chrome中为我工作了一段时间,没有任何问题。我最近开始在Edge中进行测试(一般测试;没有关于背景的具体信息,我通常不会花时间思考),很快就注意到,随机地,鼠标悬停在简单的:hover上。样式转换(例如,使按钮背景颜色变暗)会导致

javascript - 保护 JavaScript 网页应用/游戏的方法有哪些?

背景故事:我打算实现一款部署在网络应用程序中的休闲游戏,但我不想使用Flash,而只想使用普通的Javascript。我想要的Flash的一个好处是它分发二进制文件而不是源代码,因此更容易保护您的代码不被其他人重用/窃取,或者防止客户端修改代码以“作弊”游戏?所以我的问题是:有哪些方法可以类似地保护Javascript应用程序?我是否仅限于使用代码混淆器的常用方法?这样就够了吗? 最佳答案 代码混淆器是您所能做的一切。无论您做什么,可执行代码都/必须在浏览器中可用。 关于javascri

javascript - 加载后淡入背景图像(无 jquery),同时仍使用媒体查询替换不同屏幕尺寸的图像

我整晚都在看书,似乎无法就最好的方法是什么给出任何具体的答案。我知道起作用的两件事是:加载图片时淡入淡出:使用图像包装器和像这样的标签:CSS看起来像.imageWrapper{opacity:0}.loaded{opacity:1}然后在你的js文件中有类似的东西varimageLoaded=(img)=>{varimgWrapper=img.parentNode;imgWrapper.className+='loaded';}用于根据屏幕尺寸加载不同的图像@mediascreenonlyand(min-device-width:0)and(max-device-width:450p