草庐IT

图像的几何变换

全部标签

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定期

javascript - Jquery/Javascript 不激活 gif 图像(仅限 Firefox)

首先要提到的是我的代码在IE8和谷歌浏览器中工作。只有在Firefox下我有问题,在Ubuntu和WinXP下测试它与FF相同的问题。我正在尝试在刷新页面时显示ajaxloadergif图像。一开始我使用jquery.ready()函数来隐藏将显示图像的div#refreshing。当我们点击刷新链接时,我会显示div#refreshing。我的问题是ajaxloader.gif没有转动就像它应该成为一个固定图像一样。但如前所述,它可以在chrome和IE下运行。知道为什么吗?HTML:RefreshingRefreshCSS:#refreshing{font:14pxVerdana,

javascript - CSS:如何将彩色图像转换为灰色或黑白图像

这个问题在这里已经有了答案:关闭10年前。PossibleDuplicate:ConvertanimagetograyscaleinHTML/CSS我怎样才能像这样将彩色图像变成灰色或黑白图像website用CSS?它可以单独在CSS上完成还是我需要JavaScript(jQuery)?谢谢。编辑:谢谢大家的回答。我注意到诀窍是制作两张不同的彩色图像——一张是全彩色的,另一张是黑白的。我希望这可以在一张图片中完成。所以除了“绝招”之外没有办法做到这一点??

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时有什么方