草庐IT

图像归一化

全部标签

javascript - Phonegap 编码图像 base64

我正在尝试将图像编码为base64并将其发送到服务器。当我检索图像时,它显示的所有内容都是空白的。我用来编码的代码是这样的:encodeImageUri=function(imageUri){varc=document.createElement('canvas');varctx=c.getContext("2d");varimg=newImage();img.onload=function(){c.width=this.width;c.height=this.height;ctx.drawImage(img,0,0);};img.src=imageUri;vardataURL=c.t

javascript - 使 td 的背景图像适合非静态图像的 100%

我有td标签:和CSS:.np-logo{background-repeat:no-repeat;background-size:100%;}我正在根据公司Logo更改图像。所有图像的大小和宽度都不同。.np-logo{background-image:url('"+companylogo+"');问题是图像没有正确地适应td。我希望它们占据整个td。但是对于每个公司来说,背景图像的位置都不统一。我什至尝试在图像加载时使用java脚本以适应容器。虽然没有用。任何帮助家伙......? 最佳答案 尝试background-size:1

javascript - 测试是否加载了所有图像

这是我尝试测试是否所有图像都已加载的能力:for(vari=0;i问题是一旦循环完成,变量i就是imgCount。这意味着所有其他“已加载”标志在加载图像时永远不会设置为true。是否有某种方法可以将“已加载”属性添加到图像,或者是否有一些解决此问题的方法? 最佳答案 您需要使用闭包定义onload函数:for(vari=0;i这是一个jsFiddle这证明了这种在类似场景中的工作。另外,请注意,您当前选择作为答案的解决方案实际上不起作用:imgArr[i].onload=(function(){loadArr[i]=true;})

javascript - 如何在 JavaScript 中使用 Phonegap 进行图像处理

我想知道如何像使用Phonegap库在JavaScript中的C#代码中那样操作像素。我不确定是否可行。到目前为止,我在Phonegap库中发现与图像处理无关。(它确实提供了Image,Capturehelper来做一些事情,但这还不够。)当我说操纵像素时,它与裁剪、调整大小、旋转等简单方法无关。它应该下降到访问图像中单个像素的级别,以便可以进行更复杂的计算。谢谢。附言:感谢各位留下“-1”,请同时给出你们的理由。谢谢 最佳答案 因为是javascript,所以与在浏览器上做的一样:使用这里是fastCanvas,一个使用它的pho

javascript - 在图像点击上运行 Javascript

我的网站上有以下图形按钮:Clickheretoaddtocartnow我想在单击(当前值#)时运行特定的javascript脚本以运行一些javascript-javascript代码本质上会生成一个弹出式iFrame,其中包含其他内容。实现此目标的最佳方法是什么? 最佳答案 试试这个window.onload=function(){document.getElementById("btn_text").onclick=function(){//Doyourstuffhere};};或者如果你可以使用JQuery$(documen

c# - 如何在 jqgrid 中添加新的按钮/图像列

我在ASP.netMVCweb应用程序中使用JQgrid。我能够使用formatters添加一个名为edit的新按钮列但是,问题是我无法获取单击按钮的行中列的值。例如,如果我点击第4行的按钮编辑(新增),我需要获取该特定行第一列的值。我需要这个,因为我想重定向到具有该值的另一​​个页面并在那里进行编辑。我无法获取该值并向其添加javascript。请帮助解决任何代码示例.. 最佳答案 这是一个简单的示例,说明如何将按钮动态添加到jqgridhttp://jsfiddle.net/ShKDX/1/不确定第一行是否是fiddle中指定的

javascript - 有没有办法使用 node.js 读取图像元数据

有人知道我可以使用node.js读取文件元数据的方法吗?例如,我想读取jpeg文件(在Windows机器上)的“详细信息”选项卡上的“评论”属性。请参见下图以了解我试图从文件的元数据中读取的内容。 最佳答案 读取EXIF数据的NPM包有很多。例如:https://www.npmjs.org/package/exif-parservarparser=require('exif-parser').create(buffer);varresult=parser.parse();console.log(result);

javascript - 合并两个 dataURI 以创建单个图像

我想生成由标签和图标组成的图像。标签部分会有很大差异(50-100),而图标大约有10个。我想通过将最终图像分成两部分(标签图像和图标图像)以模块化方式制作最终图像。我将构建一个返回标签dataURI的服务,而图标dataURI将嵌入到页面中。然后我想结合这两个不同的dataURI来创建一个代表组合图像的单一dataURI。我如何在客户端执行此操作? 最佳答案 您可以使用数据uri创建图像,然后使用canvas绘制包含它们的新图像。这是一个简单的例子:varnloaded=0;functioncheckload(event){nlo

javascript - 如何在 Select2 选项中添加图像?

我有一个选择:我有我的功能;//am-Fonctionpermettantd'ajouterlecadenasàcôtédelaPeriodesielleestcloturéefunctionAddLock(pItem){if(!pItem.IsCloturePeriode)returnpItem.Periode;varlTemplate=$(''+pItem.Periode+'');returnlTemplate;};它向我发送了一个对象:请帮忙! 最佳答案 我不确定问题是否标记不正确,但我在您提供的代码中没有看到您的select

javascript - javascript 裁剪图像质量差 (croppie)

我正在尝试使用Croppie在将图像上传到服务器之前使用Javascript裁剪图像。它工作得很好,用户界面也很好。但是,在玩演示时,我注意到生成的图像质量比原始图像差得多-我使用的是1920x1080图像。有解决办法吗?我也会接受其他图书馆的推荐:) 最佳答案 如果您正在缩放或旋转图像,一些降级是预料之中的并且是不可避免的。但是,如果您只是从原始图像中裁剪一block......默认CroppieJS将以视口(viewport)大小保存裁剪后的图像。对于1920x1080的大图像,视口(viewport)尺寸(可能)小于原始图像尺