草庐IT

background-images

全部标签

javascript - 如何从 Rails 应用程序中的 assets/images 文件夹中获取图像

我一直在寻找这个答案。但我似乎无法完成这项工作,几个小时了。请帮助我。我是我的Rails应用程序的网页,我正在尝试显示保存在我的Assets文件夹@app/assets/images/rails.png中的图像。我有一个javascript文件,其中包含以下构造html的函数。在这个函数中,我想将链接传递给图像。这是我目前的代码。functionaddToInfoWindow(infoWindowContent){infoWindowString=''+**''+**''+infoWindowContent+''+'Seehere'+'Uploadaphoto'+'';infoWind

javascript - Chrome 扩展 : how to pass ArrayBuffer or Blob from content script to the background without losing its type?

我有这个内容脚本,它使用XHR下载一些二进制数据,稍后发送到后台脚本:varself=this;varxhr=newXMLHttpRequest();xhr.open('GET',url);xhr.responseType='arraybuffer';xhr.onload=function(e){if(this.status==200){self.data={data:xhr.response,contentType:xhr.getResponseHeader('Content-Type')};}};xhr.send();...later...sendResponse({data:se

javascript - CSS 和 JQuery : spaces inside image name break code of url()

我有一个页面,当鼠标悬停在缩略图上时,该页面应该显示图像的放大版本。我有一个带有ID的“div”,JQuery代码如下:$(document).ready(function(){$('img').hover(function(){varsrc=$("#im"+this.id).attr("src");$('#viewlarge').css('backgroundImage','url('+src+')');returnfalse;});});我使用的图像是由Ruby脚本生成的,该脚本“生成”具有相似但不同ID的图像。但是,有时上传的照片内部有“空格”。我的开发人员工具告诉我背景图片设置

JavaScript:如何强制 Image() 不使用浏览器缓存?

如果我在浏览器中手动加载nextimgURL,每次重新加载时它都会提供一张新图片。但是这段代码在draw()的每次迭代中显示相同的图像。如何强制不缓存myimg?functiondraw(){varcanvas=document.getElementById('canv');varctx=canvas.getContext('2d');varrx;varry;vari;myimg=newImage();myimg.src='http://ohm:8080/cgi-bin/nextimg'rx=Math.floor(Math.random()*100)*10ry=Math.floor(M

javascript - 非常简单 : requiring images in webpack and Angular 2

我在Angular2webpack应用程序中需要图像时遇到了一些问题。我已经尝试了三四个图像加载器,但我似乎无法正确配置它们并且HTML中的结果不正确。例如,目前我有:包含此图像的文件是模板的一部分,需要这样:@Component({selector:'appstore-app',directives:[...ROUTER_DIRECTIVES],styles:[require('../sass/appstore.scss').toString()],template:require('./app.component.html')})这会导致浏览器出错:GET:http://local

javascript - D3 : Grayscale image display driven by 2D array data

有人知道如何使用d3显示灰度图像,即像素强度的二维数组吗?我似乎无法在任何地方找到它的任何例子,它会很棘手吗?任何帮助/链接/指针表示赞赏! 最佳答案 如果只想显示图像,请使用imageelement和“xlink:href”属性。例如:svg.append("image").attr("xlink:href","my.png").attr("width",960).attr("height",500);如果你想给灰度图像上色,请看这个colorizedheightmapexample它使用分位数来创建发散色标,并使用HCL插值来获

javascript - 如何将 "background-color"转换为 rgb() 格式?

这是我的问题:我想更改页面上其中一个元素的背景颜色的不透明度。为此,我需要先将颜色转换为rgb()格式。(或提取r、g和b元素)。here我可以看到如何将十六进制字符串转换为数字格式,但颜色并不总是十六进制格式。它们可以被命名为“红色”之类的颜色。red--->rgb(255,0,0)#ff00ff--->rgb(255,0,255)有人知道如何做到这一点吗?问候。 最佳答案 要将colorName转换为RGB或HEX,您首先需要一个颜色名称字典和相应的值,您可以这样做:functionnameToHex(name){return{

javascript - Chrome 扩展 js : Sharing functions between background. js 和 popup.js

假设我有一个JavaScript函数foo(),我想在后台和popup.html中执行它。例如:它每小时在我的Chrome扩展程序的后台执行一次,但也可以由用户通过单击按钮从弹出菜单(popup.html)激活。我目前有一个定义foo()的global.js脚本,当我在我的中包含对foo()的调用时>popup.js文件,它们可以毫无问题地执行。(如果我在popup.html中包含这两个脚本)但是,当我尝试访问background.js中的foo()时,调用不会执行(即使global.js包含在“后台”“manifest.json”扩展文件中:"background":{"persis

javascript - 使用 javascript 将 Image 对象设置为 div 背景图像

我想从后台加载4张图片,向客户端显示加载栏当下载图像时,我想将它们设置为4个divblock的背景图像。我正在寻找这样的东西。varmyImages=newArray();for(vari=0;i有什么方法可以使用Imagejavascript对象设置背景图像吗? 最佳答案 您可以做一些接近您所拥有的事情。您不会将图像背景设置为图像对象,但您可以从图像对象获取.src属性并将其应用于backgroundImage。一旦图像对象成功加载,图像将被浏览器缓存,因此当您在任何其他对象上设置.src时,图像将快速加载。您可以使用这种类型的代

javascript - 此警告消息是什么意思? 'img elements must have an alt prop, either with meaningful text, or an empty string for decorative images'

为什么我会收到此警告?warning:imgelementsmusthaveanaltprop,eitherwithmeaningfultext,oranemptystringfordecorativeimagesjsx-a11y/img-has-alt它显示第13行,但没有使用任何Prop。 最佳答案 这意味着当您在HTML中创建图像时,为了屏幕阅读器和文本浏览器的利益,您应该包含一个alt属性。 关于javascript-此警告消息是什么意思?'imgelementsmusthave