草庐IT

android - 在imageview中拟合图像

全部标签

javascript - 拖动以像在 iPhone 中一样使用 jQuery 更改图像幻灯片

我正在为我的站点使用超大型jquery插件。它带有下一张和上一张幻灯片的按钮。我想在其中实现拖动更改功能。如果有人点击并将鼠标向右移动,它应该充当下一张幻灯片按钮。但是我如何使用jquery来实现呢?我怎么知道用户何时单击n向左/向右拖动http://buildinternet.com/project/supersized/ 最佳答案 jQuery将mouseUp、mouseDown和mouseMove识别为事件。您必须在mouseDown上捕获鼠标位置,在它移动时更新位置并将其与您最初捕获的位置进行比较。虽然这是高度理论化的,但请

javascript - 如何知道是否已使用 javascript 加载图像

我正在编写一个显示相册的网站,该页面正在加载缩略图并在每张图片完全加载之前应用白色叠加层。我在本地对此进行了编码,它工作正常。但是在我的服务器上上传文件并加载页面会带来一些显示错误,一些白色覆盖不会淡出,因为jQueryload函数没有被触发,因为图像在加载和应用脚本之前加载.解决方案是仅在执行jQuery脚本时仍在加载的图像上应用白色覆盖。我的问题是如何知道页面中的特定元素是否仍在获取或已完全呈现在屏幕上?注意:这是页面http://www.benjamindegenne.com/portfolio/numeric/upper-playground/ 最佳

javascript - 防止图像在 AngularJs 中渲染

我有这个jsFiddle:http://jsfiddle.net/HMZuh/1/其中包含此htmlshowimage和这个脚本:functionShowHideController($scope){$scope.showMe=false;$scope.imageSource='';$scope.showImage=function(){$scope.showMe=true;$scope.imageSource='https://www.google.com/images/srpr/logo3w.png';}}我收到404,当源尚未设置时找不到图像,当showMe为false时有什么方

javascript - 在 FabricJS 中,更改图像元素的 src 会更改该对象的所有属性

在Fabric.jsCanvas中,我试图将图像对象的src替换为高分辨率图像,以便在使用canvas.toDataURLWithMultiplier时保持图像质量。当我更改图像对象的src时,它的所有属性也会更改。图像对象会自动缩放到不同的大小,并且所有状态属性都会更改。这是从版本0.9.15开始发生的。当我使用0.8.32版本时,它可以工作。0.8.32版本没有这个问题。代码如下:ChangeImagecanvas=newfabric.Canvas('canvas');fabric.Image.fromURL("http://timeplusq.com/dakshin/clip03

javascript - 在发送请求之前更改图像的 src

我对这个问题做了很多研究,但没有成功。基本上我想做的是:1)用占位符替换所有图像的src-属性,例如'blank.gif'2)添加带有原始图片位置的HTML5data-original属性3)Lazyload图像(它需要数据原始属性才能正常工作)我没有成功的尝试:1)附加此事件监听器document.addEventListener('beforeload',doBeforeLoad,true);有了这个功能functionbeforeload(){varblank='image/location/images/blank.gif';$('img').each(function(){v

javascript - 定义图像的一部分并分配给悬停、单击事件

假设我们有一张人体图像,我希望当用户将鼠标悬停在body​​的一部分(头部、ARM等)上时,这个器官会变成绿色,并且当他点击时会发生定义的Action。使用javascript可行吗?如果是的话,概念是什么?问题原因:目标:这是现有项目的一小部分,用户可以在其中输入他的病史,所以我想给他一个下拉菜单,所有器官只显示一个人类模型,他点击并保存他的tramua历史等。要做到这一点,我想我需要一个人体图像,并定义该图像上表示的每个器官的X-Y边界,并为其赋予一些属性(名称)。用户悬停:例如器官显示的边界和背景颜色为绿色当用户点击时,它会调用该对象表单。js-jquery中是否存在类似的东西?

javascript - 使用网络摄像头捕捉图像

我正在使用Asp.netMVC4开发一个项目。我需要用网络摄像头拍照。此应用程序应该可以配置为任何平板电脑。目前在台式机上运行该应用程序,在平板电脑上没有。我正在使用jscam.swf和jscam_canvas_only.swf。在平板电脑上,我在这些设备上使用SamsungGalaxy安装adobeflashplayer无法正常工作...有人知道其他一些拍照技术,或者如果有人可以帮助我解决这个问题,我将不胜感激 最佳答案 Flash在Android平板电脑上的支持有限,在iOS设备上不支持。更好的解决方案可能是转向100%HTML

javascript - 即时客户端图像到 webp 转换器......但 png 不透明

这是将jpg或png转换为webp的工作代码谷歌的新图像格式平均比jpg或png小30-40%1.用Chrome打开2.设置质量3.在页面内放置图片4.等待(取决于大小..先尝试小图片)5.悬停图片查看大小差异6.要将其正确保存为webp,只需单击它基本上chrome添加了将图像/webp和质量添加到toDataURL函数的可能性canvas.toDataURL('image/webp',quality(0-1))压缩很棒。但我有一个小问题...png不透明..它会是什么?也许将Canvas设置为透明?怎么办?html,body{width:100%;height:100%;margi

javascript - 传单 map 上的固定图像

我以前没有在这里发过帖子,但是已经广泛阅读了,所以我希望我没有违反任何规则......我试图在传单map上放置一种蒙版图像(一个带有透明圆孔的黑色正方形);使它看起来像旧示波器屏幕上显示的圆形map;-)。绝对定位在顶部:0px;底部:0px;。固定,独立于缩放或平移。我可以让图像显示,在某些情况下我什至可以让map在透明孔中平移和缩放,我什至可以按X关闭标记上的弹出窗口,但无论我尝试什么单击或触摸时,永远无法使标记弹出窗口出现。我尝试了无数种组合:使用PNG图像或原始SVG代码,更改z-index,是否在div中。我试过在同一个容器中,在不同的容器中,甚至将它添加到传单控制面板中:d

javascript - 更改生成的图像分辨率 Fabric.js

我正在创建一个基于Fabric.js的图像编辑器,但我在最终图像分辨率方面遇到了问题。我需要生成高分辨率的图像,但我的编辑器的尺寸在低分辨率下以像素为单位。例如:Canvas有800像素x600像素,我需要一张100厘米x400厘米的最终图像,换句话说,实际尺寸。 最佳答案 让我根据我的经验在这里提出一些想法-如果最终分辨率很大,但不是特别大,您可以在生成图像数据(例如toDataURL)之前将Canvas缩放到它的大小如果最终分辨率特别大,建议直接用PHP处理对于第一个-varoriginWidth=canvas.getWidth