Tag: 图像处理

如何在保持宽高比的同时在网页上显示已resize的图像?

使用JavaScript在客户端调整图像大小的最佳和最快方法是什么? 编辑:对不起,我的意思是在客户端显示resize的图像的最佳方式..

边缘检测和删除

我是Image Processing的新手。 我正在开发一个Web应用程序。 我需要拍摄一张图片(免费手绘图)并删除部分图片。 例如,拍摄猫的图像并移除除眼睛以外的所有内容。 PS->我正在开发一个基于pictionary游戏的身份validation系统。 它要求用户选择一个与他的密码相关联的图像,我会通过检测边缘并移除它的部分并将其存储为提示并将其显示给他来变形它,这样它才对他有意义而不是攻击者。

jqzoom在多个图像上

我有一个主图像和多个缩略图的标准设置,可以通过这些缩略图来更改主图像。 我在主图像上使用jqzoom但是主要图像更改的常见问题和缩放图像只是空白。 通过堆栈溢出我发现了一些声称要纠正这个问题的代码,并且它确实如此。 但是,不是允许每个更改的图像都进行缩放,而是使主图像只是大型版本的链接,绕过jqzoom函数调用。 显示两个示例:使用标准jqzoom代码和缩略图不显示缩放: http ://designerspider.net/clients/jge/project2.php?id = 17 添加代码和图像只是成为链接: http : //designerspider.net/clients/jge/project.php?id = 17 我添加的代码是 $(“.thumbs a”).click(function(){ $(“.jqclass”).unbind(); $(“.jqclass”).jqzoom(options); return false; }; 如果有人能看到我错过了什么,或者需要以不同的方式做到这一点,我会感激任何和所有建议。 我无法理解为什么添加额外的function会禁用主jqzoomfunction:/

图像处理编程

我想知道是否有任何方法可以使用某种编程语言检测图像中对象的位置? 例如:如果我有一个更新的球的图像说每100毫秒,是否有可能通过一些程序获得球的坐标,使用什么?

是否有HTML5 / jQuery球形全景查看器,可与触摸移动设备配合使用

我需要一个Spherical Panorama查看器来放入一个Webb应用程序,最好是HTML5或jQuery。 用户必须能够使用手指在Panorama周围移动。 是否有人知道这样的任何可用的东西,只需少量费用或更好的免费?

Javascript裁剪图像客户端

我想在上传到服务器之前使用javascript或jQuery在客户端裁剪和压缩图像。 工作流程: 选择图像 将图像裁剪为特定尺寸 压缩作物 上传 有没有人这样做过? 什么插件或我该怎么办? 我看到facebook可以压缩图像并在上传前自动resize。

如何从其他网页获取图像并在我的网站上显示

我只是想知道如何从其他网页获取图像并在我的网站上显示。 案例流程是: 在文本框中键入一些页面URL并提交 收集该网页中的所有图像(不是整个网站)并在我的网页中显示

我可以在canvas元素中绘制一个表吗?

是否有任何方法(插件,工作解决方案等)将HTML table绘制到元素中? 我有一个格式丰富的html表(使用CSS ),我想使用jQuery将其保存为图像(PNG,SVG或GIF)。 ……或者如果有任何最简单的方法,我正在听它。

使用drawImage进行裁剪不适用于Safari

我正在使用canvas进行一些简单的图像处理function。 用户上传图像,能够旋转并裁剪图像,然后单击确定。 然后将图像分成两半,每半部分被镜像到两个canvas元素,如下所示: 原版的 镜像 这一切都适用于Chrome,Firefox,IE和Android设备。 Safari虽然不会很好玩。 除分割function外,所有图像处理都能正常工作。 它确实绘制了一个canvas元素,但另一个只是黑色。 我已经尝试过更改drawImage代码,但我无法让它工作。 这是function: function splitImage(canvas, context, image, isLeftSide) { canvas.width = img.width; canvas.height = img.height; context.save(); if(isLeftSide) { context.drawImage( image, image.width / 2, 0, image.width, image.height, canvas.width / 2, 0, canvas.width, canvas.height ); context.scale(-1, 1); context.drawImage( image, image.width / 2, 0, image.width, image.height, -canvas.width / 2, 0, […]

动态改变图像颜色

我正在开发一个应用程序,它将多个视图显示为表格(例如客户,产品等)。 每行的最后一列包含按钮,用户可以使用这些按钮对特定行执行某些操作。 简化示例: 图像是透明的png。 每张桌子的按钮数量可能会有所不同,现在总共大约有30个。 我被要求对应用程序css样式进行更改,因此不同的表现在可以有不同的颜色,例如,customers表现在有一些粗糙的色调,项目一个是蓝色等等。 而且,“奇数”表行的颜色与“偶数”表略有不同。 如果选择它们,行也会更改颜色。 问题是该设计指出按钮必须随行改变颜色。 这需要制作许多按钮 – 颜色组合,并且将来会添加更多按钮。 我认为比指定设计师制作不同颜色的数百个按钮版本更好的方法是动态制作,具体取决于表类。 我的问题是 – 最有效的方法是什么? 该应用程序使用PHP作为服务器端语言和javascript与客户端jQuery。 图像的问题是它们不是单色而是使用多种颜色,因此我必须根据css类操作它们的HSL。 如果使用php更好的方法,我可能会使用ImageMagick 。 问题是获取与所提供颜色非常接近的图像的最佳方法是什么。