草庐IT

分数缩放

全部标签

javascript - 如何在不改变位置的情况下缩放网格?

我在这个场景中有27个网格,每个网格都有一个关联的编号。数字最高的将具有标度1。其余的将依次具有小于1的值。接下来我希望它相应地爬上每个循环。当每个网格的位置发生变化时,就会出现我的问题。确实它被缩放到应有的大小,但它改变了位置。几个屏幕堆叠在一起,我很吃力。我只需要你爬上去,并保持在这个例子中的相同位置:美国各州已按比例缩放,但仍保持其位置。我认为它们会缩放到图的中心。我创建了网格(每个都称为“municipios”)for(vars=0;s 最佳答案 因为网格位置不在它的中心,或者任何你想要的引用:如果你创建一个平均顶点x分量超

javascript - 如何添加点击并拖动以缩放 SVG 中的图像?

我想让访问者使用点击和拖动来缩放图像:是否有可以帮助我的JavaScript库?我注意到Raphaelhasclickanddrag方法,但我仍然需要编写大量JS来:找到图像的Angular使Angular落附近的区域可选为Angular绘制图标,使其明显可见在Angular落添加点击、拖放更新图片的尺寸我可以做到所有这些,但听起来很费时。有没有我应该使用的开源脚本?其他建议? 最佳答案 我在这篇文章中找到了这个解决方案:DraggablesandResizablesinSVG.在答案中,您可以找到一个jsfiddle链接:http

javascript - 在 Google Maps API V3 中缩放至 map 中心

我是使用谷歌地图的新手,正在尝试找出如何限制缩放功能,使其不会缩放到map中心以外的任何地方,也不会缩放到鼠标点。基本上,无论您的鼠标指针在map上的哪个位置,它都会缩放到返回map的中心,而不是缩放鼠标指针在map上的位置。我什至不知道目前是否可行,希望能提供一些帮助。functioninitialize(){varlatlng=newgoogle.maps.LatLng(51.285583,1.091045);varmyOptions={zoom:15,center:latlng,scrollwheel:true,navigationControl:false,mapTypeCon

javascript - cytoscape.js 缩放以适合当前选定的节点

我希望缩放cyjsView以适合(很好地包含)当前选定的节点。可以手动或以编程方式选择节点。如果只选择了一个小的网络邻居,那么放大效果会非常显着。如果远处的节点在选择中,则放大甚至可能不会引人注意。cy.fit()非常适合在窗口中显示整个网络。但是尽我所能,我找不到cy.fitSelected()或一些等效的功能。有什么建议吗? 最佳答案 这是一个单行代码,因为cy.fit()将eles作为它的第一个参数:例如cy.fit(cy.$(':selected'),50)填充50http://cytoscape.github.io/cyt

javascript - D3 平移缩放后点击坐标

我正在使用D3库创建绘图应用程序。我需要在用户点击的坐标上绘制对象(为简单起见用圆圈)。问题是当用户使用平移和缩放并移动视口(viewport)时。然后对象被放置在错误的位置(我猜问题是事件坐标是相对于svg元素而不是g,所以它们是在没有适当转换的情况下计算的)。$('svg').on('click',function(event){d3.select('#content-layer').append('circle').attr('r',10).attr('cx',event.offsetX).attr('cy',event.offsetY).attr('stroke','black

javascript - 谷歌浏览器 - 禁用捏缩放

我在火车站公共(public)场所和机场都有一个售货亭。随机人员需要使用在谷歌浏览器上运行的触摸屏应用程序。当用户在Googlechrome上应用松开或捏合操作时然后Googlechrome使屏幕异常放大并使屏幕永远放大,然后我接到电话说我的应用程序无法运行。使用chrome://flags/#enable-pinch在过去,谷歌浏览器能够解决问题,但现在在新版本中,他们删除了该功能,并且还遵循了选项,它们都不再像过去使用``chrome://flags/#enable-pinch`chrome://flags/#touch-events-如果我禁用它,它会禁用Googlechrome

javascript - 使用javascript访问浏览器的页面缩放控件

我想将浏览器的(IE/FF)页面缩放控件(菜单:查看/缩放/放大_缩小)分配给两个大的“(+)(-)”图标,方便视障人士使用这些控件。搜索了很多合适的脚本都一无所获,所以我来了。您知道任何可以简单地执行此操作的代码吗?一切顺利...鲍勃 最佳答案 您应该能够使用JavaScript设置CSS3Transform属性以缩放内容。不过,这不会与网络浏览器的缩放功能相关联。 关于javascript-使用javascript访问浏览器的页面缩放控件,我们在StackOverflow上找到一个类

javascript - 如何缩放 bing map 以显示一组纬度/经度点?

我正在使用BingMapsv7控件。我有一组纬度/经度点。(类型Microsoft.Map.Location)从那个数组,我可以生成一个矩形,以及矩形的中心,使用LocationRect.fromLocations()使用Map构造函数创建map时,我可以使用该矩形的中心使map居中。它看起来像这样:varLLA=[newMicrosoft.Maps.Location(43.386,-111.6123),newMicrosoft.Maps.Location(43.4929,-112.0349),newMicrosoft.Maps.Location(43.2609,-115.7811),

javascript - 在 PaperJS 中缩放后重置形状大小的最有效方法是什么

我正在尝试在PaperJS中创建一个非常简单的类似灯塔的动画。这个想法是,一个圆圈开始时非常小且完全不透明,然后变得更大且更透明,直到它消失并且动画重新开始。我正在使用缩放使图像变大,但将其重置为原始大小变得有问题,目前我已经求助于克隆第二个圆圈来重置它,而不是只使用一个形状,必须是一种更简单的方法。到目前为止,我已经创建了一个jsFiddle来演示我的粗略代码,我们将不胜感激。http://jsfiddle.net/colethecoder/Y3S9n/1 最佳答案 Paperjs不存储原始路径,也不记得任何已应用到当前状态的操作

javascript - 使用 raphael 缩放多条路径

我正在尝试使用Raphael在网页中创建类似于此example的map工具。我有一个我要使用的map的svg文件,省份在文件中都是单独的路径。但是,如果我将坐标从svg文件直接复制到raphael路径,则图像太大而不适合屏幕,因此我需要缩放它。我知道我可以使用缩放功能来单独缩放所有省份路径,但它们将不再相互接触,我必须四处移动它们才能重新组装map。有没有办法将路径组合在一起并缩放整个文件,或者是否有一些聪明的工具可以缩放原始svg文件?Inkscape缩放似乎不会修改svg文件中的坐标。谢谢。来源:window.onload=function(){varpaper=newRaphae