zoom相关内容

Mapbox.GL:滚动放大和缩小到自定义Mapbox地图上的特定坐标

我已经在网站上嵌入了一个自定义mapbox工作室地图,并设置了minZoom和maxZoom坐标,因此它只能缩小到某个缩放级别,而只能放大到某个缩放级别.但是,当用户放大时,地图会转到用户放置鼠标指针的位置,因此,但我希望它放大到起点,而不是用户放置鼠标指针的位置. 这是我找到的最接近的示例,但是我不想讲故事,我希望用户仅在地图上滚动:我如何做到这样:当用户向下滚动嵌入式地图时,缩放到一组特定的 ..
发布时间:2019-11-18 11:21:37 前端开发

缩小div的内容而不是DIV本身.

有人知道是否有可能像浏览器缩小页面一样缩小div的内容吗? 我正在创建一个加载并分页到div中的应用程序.但是,我希望能够在没有滚动条的情况下加载内容.这意味着必须将div内部的内容而不是实际div缩小.我知道可以用图像来完成,但是可以用HTML内容来完成.如果是这样,那么您是否有使用jquery或其他任何示例的例子. 解决方案 要做的最简单的方法是使用,并且scro ..
发布时间:2019-11-16 15:23:55 前端开发

jQuery悬停效果图像预览从浏览器的窗口中消失

我使用的是jquery效果.它是鼠标悬停时的图像预览.问题是,当我将鼠标悬停在左侧图像上时,它显示得很好,但是当我将鼠标悬停在右侧图像上时,图像预览就会从浏览器的窗口中消失出现垂直/水平滚动条.我想在光标的右侧显示图像,以便它们保留在浏览器的窗口内.我应该使用此代码做什么? this.imagePreview = function(){ /* CONFIG */ xOffset ..
发布时间:2019-11-16 15:15:56 JavaScript

用于文本缩放的jQuery插件?

有人知道通讯簿中用于文本缩放a-la MAC OS X“大型"功能的jQuery插件吗?在相同的情况下,我会用它-单击后显示全屏电话号码. 欢呼 解决方案 我最近从正在构建的应用程序中提取了一个jQuery插件来完成此任务. http://zoomabletype.tatey.com/ ..
发布时间:2019-11-16 13:29:45 前端开发

jqzoom在多个图像上

我具有一个主图像和多个缩略图的标准设置,可以用来更改主图像.我在主图像上使用了jqzoom,但是遇到了一个主要问题,即主图像发生了变化,而缩放后的图像只是空白.查看堆栈溢出时,我发现一些代码声称可以纠正此错误,并且可以做到这一点.但是,与其让每个更改后的图像进行缩放,不如使主图像只是指向大版本的链接,而绕过了jqzoom函数调用. 显示两个示例: 标准的jqzoom代码和缩略图未显示缩放: ..
发布时间:2019-11-14 15:21:12 前端开发

jQzoom IE9错误-错误

我对以下页面有疑问. http://nortlander.dk/frankrig/avoriaz/pistekort/ 我已经安装了jQzoom插件,并且在IE9以外的所有其他浏览器上都可以正常工作,是否有任何已知的bug,问题或错误,而somone并没有告诉我:) 将提供所有帮助.谢谢 解决方案 我遇到了同样的问题.我的工作如下. if (img[0].c ..
发布时间:2019-11-13 18:28:47 JavaScript

放大和缩小jPanel

我想知道使用面板的paintComponent进行缩放后,检索鼠标clic位置的最佳方法是什么? (相对于此缩放的位置). 这是缩放代码: public void paintComponent(Graphics g) { super.paintComponent(g); Graphics2D g2 = (Graphics2D) g; if(zoomer==tru ..
发布时间:2019-11-05 12:08:57 Java开发

d3.js将缩放行为更改为语义缩放

我正在用d3.js做一些关于缩放的测试。目前,我已在测试中成功实现了几何缩放,但它有一个缺点:缩放 g 下的元素正在缩放。据我了解,这可以通过使用语义缩放来解决。 问题是我在测试中需要 scale ,因为我正在将它与jQuery.UI同步滑块值。 另一方面,我想要文本调整元素大小以在缩放操作后保持其大小。 我有一个当前尝试的示例这里。 我无法更改代码以适应此目的。任何人都可 ..
发布时间:2019-06-12 14:30:51 前端开发

D3 v4只需缩放到中心

是否有明显的d3 V4等效于V3 d3.behavior.zoom() .center([width / 2,height / 2])语法。 (我已经四处搜索了,手动缩放的大多数工作示例等都在V3中运行......而且API文档中没有提及它我能说得最好。) 我试图添加手动的缩放/按钮,使用示例: https://bl.ocks.org/mbostock/7ec977c959 ..
发布时间:2019-06-12 14:05:55 前端开发

D3.js v4 - 如何使用默认的wheelmouse缩放行为添加缩放按钮

这个问题涵盖了与此问题完全相同的主题: D3.js - 如何使用默认的wheelmouse缩放行为添加缩放按钮 我也试图实现它在这个链接中的代码 http://bl.ocks.org/linssen/7352810 。 我在这里问的原因是因为解决方案是使用D3.js的第3版给出的,但没有一个能解决我的问题。 这是我目前关于缩放的实现。 let translateVar ..
发布时间:2019-06-08 22:24:34 前端开发

使用jquery / javascript禁用缩放浏览器?

我想阻止用户无论如何使用缩放网站内容。例如。在浏览器选项中按ctrl + scroll / select。有没有办法在浏览器中使用jquert / js禁用缩放功能?谢谢 解决方案 您可以通过Ctrl +或Ctrl-或使用Ctrl键+鼠标滚轮禁用此功能。 $(document).keydown(function(event){ if(event.ctrlKey == true& ..
发布时间:2019-06-08 16:36:13 前端开发

根据显示器分辨率缩放网站?

我正在寻找一个javascript来根据viwewers屏幕分辨率更改网站的缩放。我用1920x1080p在我的桌面上制作了网站:/ html {-moz-transform:scale(0.75,0.75); zoom:0.75;变焦:75%; } 我在我的css中得到了这个,以便将网站缩放到我喜欢的MacBook(1280 x 800) 。 但是我不知道如 ..
发布时间:2019-06-08 15:49:07 前端开发

D3缩放不起作用

我知道这里有一个简单的解决方案,但我已经尝试了一些教程并且无法将它们应用到我的代码中。我已经为3-5个数据点的每个段绘制了一个单独的区域,从而创建了一个高程图。所以,我在同一个图表上发生了不少情节。因此我尝试了缩放 svg 元素的缩放技术,但是已经空了。这是我最近的尝试。希望你们能帮忙。 目前,当我尝试缩放时,它会将x和y刻度重置为[0,1]并用填充填充整个区域这是 Plunk // ..
发布时间:2019-06-08 15:30:59 前端开发

在纯js中移动(拖动/平移)和缩放对象(图像或div)

我正在研究一个小脚本,它使一个对象(div或img)在给定的帧内可移动和可缩放。 但是我遇到了一些问题我不太确定,因为我是一个javascript初学者 - 所以解释为什么会出现这些问题将会受到赞赏。 问题: 调用函数 start_drag(), while_drag()和 stop_drag()返回 undefined - 为什么?应该返回什么? 图像的拖动和移动无法正常工作 ..
发布时间:2019-06-06 15:37:06 前端开发

Javascript鼠标滚轮缩放网页

情景: 我正在尝试使用脚本和东西构建一个穷人的谷歌地图模拟所有功能。 我有一个巨大的图像,我将其切成瓷砖并显示在网页上的 表中。 我找到了一个脚本,允许用户点击 并拖动以在地图中导航。 Todo: 现在我只需要实现 zoom。 我找到了缩放单张图片的脚本,但我希望能够将整个页面缩小为单个元素。 因为我有100个图像平铺来创建地图,所以对每个切片都这样做是不切实际 ..
发布时间:2019-06-06 14:43:35 前端开发

调整大小以适应高度jquery.panzoom

在初始化jquery.panzoom时,我试图弄清楚如何制作比浏览器窗口(2000x2800px)更大的图像。我需要图像来调整自身大小,使其适合容器的高度。 看看这个jsFiddle: http://jsbin.com/raxejirubayu/1/edit?html,css,js,output 任何有使用panzoom经验的人都可以帮助我吗?虚拟啤酒和高价啤酒作为回报。 解决方 ..
发布时间:2019-05-25 19:04:31 前端开发

缩放用户上传的图像onclick按钮

以下是放大和放大的基本代码。 out: https://codepen.io/kidsdial/pen/ROBpgM ,现在我试图将该代码集成到我的项目中.... 背景: 1 。用户点击面具&在面具上传他们自己的图像.... 2.一旦图像上传,编辑文字显示在图像上.... 3.一旦用户点击编辑文字,我们就会显示弹出框.... 4。放大&缩小按钮显示.... 问题 ..
发布时间:2019-04-27 15:28:04 前端开发