草庐IT

image-optimization

全部标签

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 - 使用 javascript 将 Image 对象设置为 div 背景图像

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

javascript - 是否可以在使用 Angularjs 的站点上使用 Optimizely(或其他 DOM 操作 A/B 测试工具)?

我希望在我们将使用Angularjs的网站上使用Optimizely,但据我了解,这将很困难,因为Angularjs的全部目的是不操纵DOM,而Optimizely通过操纵DOM来工作。有没有人对如何使这些工具一起使用成为可能的文档有任何指导?也许我可以创建指令来帮助工具工作的结构? 最佳答案 首先,您需要将实验的“激活模式”设置为“手动”。然后,为了让Optimizely检查实验是否应该运行(即满足URL目标),您需要调用window.optimizely.push(["activate"])。这告诉Optimizely做与正常整

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

javascript - `new Image()` 和 `new Option()` 等构造函数记录在哪里?

不是在Mozilla,而是:图片:感谢Rickard用于识别http://www.w3.org/html/wg/drafts/html/CR/embedded-content-0.html#dom-image提供DOM接口(interface)构造函数的详细信息。对于选项:http://www.w3.org/html/wg/drafts/html/CR/forms.html#dom-option还给出了DOM接口(interface)构造函数的详细信息。(发现使用:http://www.google.com/search?client=ubuntu&channel=fs&q=const

数学规划(Python cvxpy、scipy.optimize)

一、线性规划模型 1.模型结构①决策变量,x=(x1,x2,x3…,xn)。②目标函数,f(x) ③可行域,,常用一组不等式(约束条件)表示:当目标函数和约束条件对于决策变量而言都是线性的时,称为线性规划2.模型特征①比例性,决策变量对目标函数和约束条件的“贡献”,与决策变量的取值成正比②可加性,决策变量对目标函数和约束条件的“贡献”,与决策变量的取值无关③连续性,决策变量的取值是连续的二、线性规划模型求解(以数学模型第86页模型为例)1.基本模型(1) (2) (3) (4) (5) 2.代码求解importcvxpyascpimportnumpyasnpcoef=np.array([72,

javascript - 如何在 jQuery 中使用 CSS 'background-image' 属性添加图像绑定(bind)点击事件

这是我的fiddlelink我想我的问题本身就很清楚了。不过,我正在寻找的是一种绑定(bind)click的方法。使用css添加的图像上的事件background-image属性(property)。我知道,我可以通过简单地定位来实现类似的功能(将图像放在输入字段上使用thisway或thisway)标记input框,然后处理所需的事件,但对于宽度和高度不同的输入字段,或者如果包装div没有position:relative;,这种方式似乎不太灵活。作为其属性(property)。如果在使用background-image加载的图像上添加事件不可能那么如何使后面的方法更灵活。希望我已经

javascript - 拖放 : How to get the URL of image being dropped if image is a link (not the url of the link)

我有这个代码:functiondrop(evt){evt.stopPropagation();evt.preventDefault();varimageUrl=evt.dataTransfer.getData('URL');alert(imageUrl);}FIDDLE如果你放下元素它会提醒图像的url。到目前为止一切顺利。我的问题是,如果您删除元素它会提醒href的url的元素。我想提醒的网址内的元素就像您在上面的示例中放下图像一样。这可能吗?我不介意使用Jquery或任何其他库。我只想获取中图像的url元素。重点是将其他网站的图片链接拖到我的网站并获取图片的url。为了更清楚地说明

javascript - 获取访问者的 Optimizely A/B 测试和变体

当我在我的网站上运行实验时,我希望能够找出当前访问者看到的测试和变体。我无法从OptimizelyJavascriptAPI中找到如何执行此操作. 最佳答案 您可以获得第一个运行实验的ID(假设您有一个),然后是变异索引(例如0、1、2)、名称和ID:varexperimentID=window['optimizely'].data.state.activeExperiments[0];varvariationIndex=window['optimizely'].data.state.variationMap[experimentI