草庐IT

background_color

全部标签

javascript - D3 过渡 : Fading in and out the colors within a gradient fill

在这个D3图中,圆圈填充了径向渐变,并且改变不透明度用于淡入和淡出:varwidth=400,height=400,padding=1.5,//separationbetweensame-colornodesclusterPadding=6,//separationbetweendifferent-colornodesmaxRadius=12;varn=200,//totalnumberofnodesm=10;//numberofdistinctclustersvarcolor=d3.scale.category10().domain(d3.range(m));//Thelargest

javascript - Bootstrap 3 : Show spinner + fade background whilst waiting for modal content to load

所以我知道您现在可以使用data-target+href来加载远程内容,但是,我从ajax响应中得到的是json(而且我无法更改服务器端),所以我首先需要对其进行处理。我想展示一个微调器,我有它的CSS,但也想已经淡出当您将类“淡入淡出”添加到模态div时发生的背景。有谁知道如何手动启动它,并确保在我显示模态时不重复动画? 最佳答案 在我使用Bootstrap3的元素中,我创建了一个pleaseWait函数,我从其他执行AJAX调用的函数中调用该函数。此功能包含显示和隐藏功能。show函数将加载我希望显示的html(微调器、文本等)

javascript - Chrome 扩展 : identify web requests of background-page iframe?

我正在编写一个Chrome扩展程序,它会代表用户定期检查网页。为了不引人注目,该页面被加载到扩展程序隐藏背景页面上的iframe中。是否可以仅识别此iframe发出的网络请求?我最初的实验(见下文)似乎表明这很棘手。获取特定选项卡的所有Web请求很容易:您拥有tabId,并且可以使用该tabId过滤Web请求(通过WebRequestAPI)。但是对于后台页面iframe,不清楚“tabId等效”标识符是什么,或者如何使用它来过滤Web请求。有什么想法吗?我最初的实验细节如下。frameId值看起来很有希望,但我不认为它在扩展程序中是唯一的。此问题已针对Firefox提出:Identi

javascript - chrome.tabs.executeScript : How to get access to variable from content script in background script?

如何从后台脚本background.js中的内容脚本app.js访问变量app?以下是我的尝试方式(background.js):chrome.tabs.executeScript(null,{file:"app.js"},function(){app.getSettings('authorizeInProgress');//...});这是我得到的:这是manifest.json:{"name":"ctrl-vk","version":"0.1.3","manifest_version":2,"description":"Chromeextensionforctrl+vinserti

javascript - 设置多个 style.background 值

我想在我的背景中使用渐变并且是跨平台的我想设置带有vendor前缀的背景:background:-webkit-linear-gradient(red,blue);background:-o-linear-gradient(red,blue);background:-moz-linear-gradient(red,blue);background:linear-gradient(red,blue);如何在HTMLElement上设置多个style.background,使用Javascript来支持vendor前缀?更新:我不想使用jQuery或任何其他外部库。

javascript - 拉斐尔 JS : how to change the color of certain letters within a text-element?

我有以下代码:varset=paper.set();vartext=paper.text(0,0,'bla1bla2').attr({fill:'blue'});set.push(text);现在如何将“bla2”的颜色更改为绿色?我已经尝试将字符串拆分为两个文本元素,并将'bla1'的坐标+'bla1'的宽度分配给第二个。它没有用,因为我找不到“bla1”的宽度。此解决方案的第二个问题是我可能想要更改“bla1bla2”的字体大小,这将自动更改“bla1”的宽度并扭曲“bla2”的位置。提前致谢! 最佳答案 你可以尝试这样的事情:

javascript - `Background size: cover` 填充边框

有什么方法可以实现background-size:cover的效果,同时也填充边框后面的区域。为了更好地说明这一点,请看下图:左图使用background-size:cover并整齐地填满整个框本身不管图像是否肖像或风景,但隐藏在半透明的顶部和底部边框后面。第二张图片是使用background-size:auto260px规则创建的,它给出了我想要的效果,但只起作用,因为我知道在这种情况下背景是风景(并且盒子本身是200px和边框30px)。用于渲染上述两个框的JSFiddle可以是found这里。我很难相信这对于纯css是不可能的,但即使是基于javascript的解决方案也是如此(

javascript - 谷歌可视化堆叠条形图 : colors and labels for each value

我正在使用GoogleVisulaizationAPI来呈现一个图表,该图表显示具有多个值的单行,如下所示:使用以下代码:vardata=google.visualization.arrayToDataTable([['','0%','25%','50%','75%','100%',{role:'annotation'}],['Mood',3,7,20,25,45,'']]);varoptions={isStacked:true,hAxis:{minValue:0}}varchart=newgoogle.visualization.BarChart(document.getElemen

javascript - 如何消除 Phaser 的 Sprite/Background 的抖动

我设置了一个例子jsfiddle用适当的Assets来说明这一点。当您的Angular色移动并且相机开始平移时,您会注意到背景有轻微的“抖动”。这可以通过将game.camera.roundPx设置为true来禁用。但是,如果它被禁用并且你移动了Angular色。你的性格开始颤抖。我在这次冒险中发现的一些东西:只有在P2和Arcade物理条件下使用body.velocity.x移动时才会发生这种情况。如果您使用body.x或仅使用x移动Angular色,那绝对没问题。如果移除tilemap纹理,您可以从字面上看到移动时眼睛发生的抖动。Examplehere--确保你移动的距离足以让相机

javascript - 有没有办法在 JS 中比较两种颜色,比如 'If Color A is darker than #202020'

我的一个页面的背景颜色是从用户设置为他们的Twitter背景颜色的背景颜色中提取的。我有一个带有黑色边框的圆框的页面。如果背景颜色很暗,边框看起来不太好,所以我想删除比任意十六进制颜色更暗的背景边框。我考虑这样做的方法是使用正则表达式提取3个RGB值并将它们相加,然后将其与我的引用颜色进行比较。有没有更好的方法来实现这一目标? 最佳答案 您可以编写一个在RGB和HSL或HSV之间转换的函数,并使用亮度或亮度值。维基百科有HSV->RGB转换的数学,但没有其他方法。http://en.wikipedia.org/wiki/HSL_an