草庐IT

图像压缩

全部标签

ruby-on-rails - 将图像添加到 ruby​​ on rails 中的布局

我想在我的ruby​​onrails项目模板中添加一个图像,我目前有代码在布局中stores.html.erb文件但是这似乎没有加载,因为它看起来好像缺少一条路线,我不确定它应该是什么。有什么想法吗? 最佳答案 public文件夹中的任何内容都可以在根路径(/)中访问,因此请将您的img标签更改为:如果你想使用rails标签,使用这个:"rssfeed")%> 关于ruby-on-rails-将图像添加到ruby​​onrails中的布局,我们在StackOverflow上找到一个类似的

ruby-on-rails - 通过回形针从 URL 保存图像

请建议我一种通过回形针从URL保存图像的方法。 最佳答案 在Paperclip3.1.4中,它变得更加简单。defpicture_from_url(url)self.picture=URI.parse(url)end这比open(url)稍微好一点。因为使用open(url)您将获得“stringio.txt”作为文件名。使用上面的内容,您将根据URL获得文件的正确名称。即self.picture=URI.parse("http://something.com/blah/avatar.png")self.picture_file_n

javascript - threejs - 显示二维图像

另一个threejs问题。当我按下一个键时,我基本上是想在屏幕上显示一个二维图像。我四处搜索,但找不到让我的图像正确显示的方法,而且有些方法我根本无法工作。在我确实设法显示图像的时候,它要么显示在我的3d环境容器后面(在html中),要么导致整个3D窗口消失,即使图像并不比它大。我并没有真正弄乱图像,所以我不确定我需要什么。我并不是要在3D空间中显示图像,只是要在屏幕上弹出图像,例如菜单或其他内容。 最佳答案 您还可以使用THREE.Sprite,非常容易实现,即使它是在3D空间中创建的,它也始终面向相机。这是来自documenta

javascript - 文件对象到具有正确文件名而不是 src ="blob..."的图像

我有一个文件对象myFile在控制台中看起来像这样:File{name:"myimage.jpg",lastModified:1465476925001,lastModifiedDate:ThuJun09201614:55:25GMT+0200(CEST),size:33002type:"image/jpeg"}但是当我用它创建一个图像时varimage=newImage();image.src=URL.createObjectURL(myFile);我得到:当我尝试通过右键单击保存文件时,文件名为空或“6b2b83d8-ac36-40c1-8ab1-c4f07b019ba5”而不是“

javascript - 为视频而不是图像实现 Angular Masonry

我必须为视频而不是图像使用Angularmasonry网格样式,我引用了大部分Angularmasonry文档,我能找到的只是用于图像。我替换了img标签并使用了视频标签,但它仍然没有'似乎工作。任何人都可以帮助我如何包含视频。 最佳答案 谢谢大家。最后我让它工作了,我用视频标签替换了img标签,它工作得很好。尝试this并替换标签。 关于javascript-为视频而不是图像实现AngularMasonry,我们在StackOverflow上找到一个类似的问题:

javascript - 通过单击缩放按钮放大和缩小图像 (Javascript)

我正在尝试通过两个缩放按钮(+)和(-)放大和缩小图像。问题是当图像为全屏尺寸(宽度100%)时“放大”停止。我需要将图像放大到比屏幕尺寸大得多。只是不知道该怎么做。我是Javascript的初学者,所以我希望有人有动力帮助我解决这个Javascript小问题。我想知道是否有任何简单的放大/缩小/重置插件可以与缩放按钮一起使用?图像抓取也很酷。再次感谢!functionzoomin(){varmyImg=document.getElementById("map");varcurrWidth=myImg.clientWidth;if(currWidth==2500)returnfalse

javascript - 如何使用 Reactjs 在新选项卡中将 Canvas 作为图像打开

我目前有一个由JsBarcode的react实现生成的Canvas条码,称为react-barcode。目前,我可以右键单击Canvas并在新选项卡中将其作为图像打开。我如何通过单击按钮来实现此功能?我已经检查了这个问题的几个答案,但它们都使用jquery。我正在寻找React或纯js的实现。 最佳答案 使用HTMLCanvasElement#toDataURLTheHTMLCanvasElement.toDataURL()methodreturnsadataURIcontainingarepresentationoftheimag

javascript预加载图像 - 检查图像是否被缓存/加载以防止预加载

我有一些疑问,我已经确定了,但仍然想非常准确。如果这是一个重复的问题,那么请给我链接,以便我删除这个问题并引用提供的链接我需要预加载一些图片。如果它们已经存在于浏览器缓存中,我不想预加载。如果我们要预加载,那么我们会使用发送请求的javascript代码进行预加载。我们也有一个imgsrc用于html文档中的相同图像。浏览器会两次请求图像。一个是在预加载时,另一个是在看到img标签时?我希望预加载和imgsrc过程是异步的。我希望像obj.src=path这样的图像链接时获取的资源和请求是相同的。我希望预加载不会像同步Ajax那样工作。那就是优先考虑是否有可能知道图像是否在缓存中,以便

javascript - 如何将图像粘贴到 Web 应用程序中?有哪些解决方案? HTML 5 Canvas ?

我目前正在构建一个非常简单的网络应用程序,它需要能够在浏览网络时复制图像,然后将其粘贴到我的页面上。我知道这种功能是可行的-因为我在写消息时将图像粘贴到gmail和Tumblr(我相信他们使用TinyMCE作为他们的编辑器)。经过长时间的搜索-我对可用解决方案的解释质量很差感到难过。这是我收集到的:$(document).bind('paste',function(e){console.log(e);})检查事件对象,似乎只有在有文本时才包含数据(无论如何在Chrome中)。我知道IE有一个clipboardData对象,可以让您访问剪贴板内容。我还听说过使用Flash、JavaApp

javascript - 动画图像在长时间的 Javascript 方法调用期间不动

在运行10秒向html添加一些元素的方法中,动画gif根本没有移动,给人一种网页卡住的感觉。任何解决办法。示例代码:$('#button).click(function(){showAnimatedGif();longRunningMethod();hideAnimatedGif();});解决此问题的一种方法是将长时间运行的方法分解为多个步骤并以这种方式设置动画,但是您必须以这种方式为每个长时间运行的方法编写代码。想知道是否还有其他方法可以做到这一点? 最佳答案 确保动画实际发生的唯一方法是让longRunningMethod定期