草庐IT

resize-crop

全部标签

ruby - 有效地处理数字数组的 "scale"或 "resize"的算法(音频重采样)

做音频处理(虽然它也可以是图像处理)我有一个一维数字数组。(它们恰好是代表音频样本的16位有符号整数,这个问题同样适用于float或不同大小的整数。)为了匹配不同频率的音频(例如,将44.1kHz样本与22kHz样本混合),我需要拉伸(stretch)或压缩值数组以满足特定长度。将数组减半很简单:每隔一个样本丢弃一次。[231,8143,16341,2000,-9352,...]=>[231,16341,-9352,...]将数组宽度加倍稍微不那么简单:将每个条目加倍(或可选地在相邻的“真实”样本之间执行一些插值)。[231,8143,16341,2000,-9352,...]=>[2

javascript - 调整大小时,Jquery Resizable Div 宽度和高度变为 0

我有这个代码:我的JavaScript代码:$('#child').resizable({animate:true,helper:'.ui-resizable-helper',maxWidth:500,maxHeight:500,aspectRatio:true});使用上面的代码,我的可调整大小的div按预期工作,但是当我添加containment选项时,div的width和height调整大小为0,在任何方向调整大小时。$('#child').resizable({animate:true,helper:'.ui-resizable-helper',maxWidth:500,max

javascript - jquery 中 window.resize() 和 window.on ('resize' ) 之间的区别

window.resize()和window.on('resize',function())有什么区别在jquery中? 最佳答案 来自jQuery页面.resize():Thismethodisashortcutfor.on('resize',handler).和.on()是:The.on()methodattacheseventhandlerstothecurrentlyselectedsetofelementsinthejQueryobject.AsofjQuery1.7,the.on()methodprovidesallfu

javascript - jQuery UI resizable 在调整宽度时改变高度

我有一个非常简单的DIV元素,我正在尝试调整它的大小并进行水平拖动。它工作正常,但jQueryUI也更改了DIV元素的高度。我不明白为什么。有什么想法吗?JS代码:$('.task').draggable({axis:'x'}).resizable({containment:'parent',handles:'e,w'});HTML代码:CSS代码:li{height:20px;line-height:20px;list-style:none;}.task{height:16px;margin-top:2px;position:relative;}.taskspan{display:b

javascript - 如何从 iframe 内部捕获 iframe resize 事件(iframe 和页面 - 同一域)

我尝试从iframe内部监听iframe宽度/高度的变化:$(window).resize(function(){alert('1oninsideiframe');});或:$(window.parent).find('iframe').resize(function(){alert('2oninsideiframe');});但是当iframe大小改变时没有任何反应。(我需要一个跨浏览器的解决方案:IE7、Chrome、Firefox、Safari。) 最佳答案 $(body).resize(function(){alert('o

javascript - 通用汽车 : resize image if it is wider than 1000px

我正在尝试通过collectionFS中的gm进行一些图像处理,因为我需要读取一个流并将其写回同一个文件,我必须使用一个临时文件-如下所示。我想检查图像是否大于1000像素。在这种情况下,它的大小应重新调整为1000像素。不幸的是,这不起作用,因为我收到错误TypeError:Object[objectObject]hasnomethod'pipe'和Error:gm().stream()orgm().write()带有不可读流。varfs=Npm.require('fs'),file=Images.findOne({_id:fileId}),read=file.createReadS

javascript - react : Resizing a div including handlers, 不同的游标,即 ns-resize - 没有 jquery

我正在寻找一种允许用户使用句柄和所有相关光标调整div大小的简单方法。我看到很多使用jquery的示例,但我想在React中使用它,不需要jquery。有谁知道这样做的简单方法吗?我假设纯js,css。我真的不想为此使用react组件,因为我需要在标准div上启用调整大小。当然,它是与reactjs一起使用的,有没有更现代的方法可以在没有jquery的情况下做到这一点?**编辑**这些是可用于每个可调整大小的点的光标e-resizene-resizen-resizenw-resizes-resizese-resizew-resizesw-resize 最佳答

javascript - Jquery resize() 导致屏幕闪烁和 div 偏移

背景:我正在尝试创建一个系统,允许使用鼠标向上滚动和鼠标向下滚动来滚动浏览一种map,如下所示:-------|||1|||-----------------------------------|||||||||2||3||4||5|||||||||-----------------------------------|||6|||-------上面的每个框都在javascript中重置为浏览器的高度和宽度。当您上下滚动鼠标时,浏览器将滚动到map中的相同位置,从div1开始,然后是2,依此类推。此定位是通过我的滚动功能设置的,它会监听鼠标滚动并在顶部添加适当的填充并在左侧添加适当的边

javascript - Bootstrap : Responsitive design - execute JS when window is resized from 980px to 979px

我使用的是上一个Twitter的Bootstrap。当我的窗口宽度小于980px时,我想执行某个JS函数(显示一次工具提示)(如你所知,在这个尺寸上,Bootstrap修改Navbar并隐藏标准菜单项)——窗口从768到979,简而言之.这个我知道@media(min-width:768px)and(max-width:979px){...}此选项可用于捕获事件。但是,它可能仅用于更改现有样式,例如body{background-color:#ccc;}我需要启动JS函数,或者为元素添加或删除特定样式。我试过:window.onresize=function(){if(window.o

javascript - Three.js: Resize rendering canvas (GPU hungry fragment shader)

我正在使用three.js运行资源匮乏的片段着色器。我已将渲染大小设置为800*600,以保持着色器即使在低端卡上也能流畅运行。我正在这样设置我的渲染Canvas:varcanvas1=document.getElementById('canvas1');renderer=newTHREE.WebGLRenderer(canvas1);renderer.setSize(800,600);renderer.autoClear=false;document.body.appendChild(renderer.domElement);在body元素上我有然后我在cssheader中做widt