缩放是指与在图形用户界面中缩放查看区域相关的问题。
我正在尝试从灵活图像传输系统(FITS)文件中绘制一些数据,我想知道是否有人知道如何关注绘图轴的某些区域。这是一些示例代码: 我...
我正在使用 oxyplot 库来创建时间序列图表。我正在尝试创建一个两侧具有相同 y 轴的绘图,只要我不与绘图交互进行缩放或...
我想知道是否有一种方法可以放大/缩小或更改字体大小,或者有任何方法可以使Matlab编辑器中代码中的文本变大/变小!
如何向存储在 Google Storage 上的图像添加缩放/平移功能
我想为存储在 Google Storage 上的图像添加缩放/平移功能,并将其服务器到我的网站。期望的效果应该与 Google Drive 上的效果类似。 我怎样才能做到这一点?
我想在平移时限制图像的边界,因此,从左向右平移时图像的左侧不应超出容器的左边缘以及图像的右边缘...
我的网站在桌面上的响应速度还不错,但是当涉及到 iPad 或平板电脑大小的设备时,就很糟糕了。这不是来自布局,这还可以,但一切都太大了,使我们...
嘿,我是新来的,对 Python 编码和绘图也比较陌生, 我尝试使用 matplolib 的 inset_zoom 功能,但在连接器线的定制方面遇到一些困难......
我想使用鼠标滚轮控制缩放比例并使用SVG的viewBox属性来变换图像,从而在SVG图像上创建缩放效果。 用鼠标滚轮缩放后,我...
我在单独的子图中有 3 轴加速度计时间序列数据(t,x,y,z)的图,我想一起缩放。也就是说,当我在一个图上使用“缩放到矩形”工具时,当我释放...
也许与这个问题类似,尽管与旋转无关: PWA 中方向发生意外缩放,但移动 Safari iOS 中却没有 我遇到一个问题,如果我的 PWA 应用程序继续运行(例如,...
我有一个画布,尺寸为400 x 400。在上面,我画了一个地图区域,200 x 200。 我已将其翻译到画布的中心。我可以放大和缩小,一切都很好。但是,当我平移时,它会从
我正在 Visual Studio Code 中工作。当我复制一些东西时,我按下了错误的快捷键(不确定是哪一个),并且编辑器窗口缩小了(大约一半大小)。见下图。 注意...
我正在使用 python 和 Qt Designer 来实现加载 tiff 图像并在某些鼠标事件上启用平移和缩放(滚轮 - 缩放、按滚轮 - 平移)。 我正在研究一些选项和课程......
Google 地图 Javascript api 缩放问题与 svg 标记
我有一个简单的地图,其中有一个 svg 文件作为标记图标。 加载地图时没有问题,但是,如果我尝试放大或缩小,图像会变大并被截断。 此行为因浏览器而异:
使用 .digitalCrownRotation() 修饰符时在 ScrollView 中禁用数字表冠滚动
我正在开发一个 SwiftUI 修改器 (ZoomableModifier),主要用于使图像可缩放。我希望它可以在 iOS 和 watchOS 上运行,特别是在 watchOS 上。我想要它...
我的 ScrollView 中放置了某些数据。我想让它放大/缩小。它包含简单的ImageView和TextView。 任何建议都会有帮助。 谢谢。 这是我的代码: ...
我可以使用普通的 Google 地图 API 功能放大 Google 地图。例如,我在地图上绘制一个边界框,Google API 将按默认值设置的量进行放大。 ...
我会添加我的网站按钮 A + 和 A- 进行缩放。 我希望全身都是毛茸茸的 所以我创建了这段代码 .container{宽度:800px;背景:#000;...</desc> <question vote="3"> <p>我会添加我的网站按钮 A + 和 A- 进行缩放。 我希望全身都是毛茸茸的 所以我创建了这段代码</p> <pre><code><html> <body> <style> .container{width: 800px;background: #000;} p{color:#fff;} a { color: #FFCC00;} </style> <div class="container"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, qui, sunt, totam quaerat repudiandae dignissimos maxime et perspiciatis aperiam doloremque eaque eum explicabo ullam deleniti sed adipisci obcaecati fuga similique.</p> <script type="text/javascript"> function ZoomScreen100() { document.body.style.zoom="100%" } function ZoomScreen200() { document.body.style.zoom="200%" } function ZoomScreen300() { document.body.style.zoom="300%" } function ZoomScreen400() { document.body.style.zoom="400%" document.body.style.zoom="400%" } </script> <a href="#" onclick="ZoomScreen100()">A+</a> <a href="#" onclick="ZoomScreen200()">A+</a> <a href="#" onclick="ZoomScreen300()">A+</a> <a href="#" onclick="ZoomScreen400()">A+</a> </body> </code></pre> <p> 它适用于 Chrome、Internet Explorer、Safari,但不适用于 Firefox 和 Opera。为什么?</p> </question> <answer tick="true" vote="6"> <p><pre><code>zoom</code></pre>是一个非标准属性,<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=390936" rel="nofollow noreferrer">尚未被Firefox实现</a>,最接近的跨浏览器属性是<pre><code>transform</code></pre>(<a href="http://jsfiddle.net/Akm4D/1" rel="nofollow noreferrer">demo</a>):</p> <pre><code>document.body.style.transform = 'scale(2)'; </code></pre> <p>但是,效果与应用<pre><code>zoom</code></pre>不同:父上下文(例如宽度、高度)不会更新。如果这是您的意图,您可能需要考虑使用 <pre><code>calc()</code></pre> 和所选属性的乘数:</p> <pre><code>document.body.style['--zoom'] = '2'; document.body.style.fontSize = 'calc(16px * var(--zoom))`; </code></pre> </answer> <answer tick="false" vote="1"> <p>看看 <a href="http://www.browsersupport.net/CSS/zoom" rel="nofollow">http://www.browsersupport.net/CSS/zoom</a>。我无法让它在 Firefox 或 Opera 中正常工作,最直接的解释是这些浏览器还没有实现对它的支持。 (Firefox 23.0.1 通过了链接站点上的一项测试;Opera 12.16 均未通过。)</p> <p>这不是你写的——而是你提到的浏览器还没有准备好。 (这并不奇怪——尽管你会发现网站告诉你缩放是在规范中的,但我在实际的 w3c 文档中找不到它的任何地方列出。也许是在喝了更多咖啡因之后......)</p> <p>话虽这么说,请记住,兼容的页面将有一个元素,这就是样式所在的位置。我认为这是一个快速的冲刺,你忘记了头部元素。 :)</p> </answer> <answer tick="false" vote="1"> <p><a href="https://stackoverflow.com/a/64473943/3534015">https://stackoverflow.com/a/64473943/3534015</a></p> <p>最好的解决方案是使用 <pre><code>zoom: 50%</code></pre></p> <p>我用 javascript 做了这个例子,你可以测试它并根据需要更改它</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code>var zoomediv = document.getElementById('zoomediv') var zoomin_button = document.querySelector('#zoomin') zoomin_button.addEventListener('click', function(){ zoomediv.style.zoom = '125%' }) var zoomout_button = document.querySelector('#zoomout') zoomout_button.addEventListener('click', () => { zoomediv.style.zoom = '75%' })</code></pre> <pre><code>div { background: #f0f0f0; border: 1px solid #e0e0e0; width: fit-content; padding: 1rem; margin-bottom: 1rem; } button { padding: 0 3rem; }</code></pre> <pre><code><div id="zoomediv"> <h1> Title </h1> <p> this is a paragraph </p> </div> <button id="zoomin"> <h1> + </h1> </button> <button id="zoomout"> <h1> - </h1> </button></code></pre> </div> </div> <p></p> </answer> <answer tick="false" vote="0"> <p>不错 但这不是真正的缩放比例</p> <p>模拟时钟时间选择器不工作 和 添加时隙是目标</p> <p><a href="https://ldijkman.github.io/randomnerd_esp32_wifi_manager/mrs/create_from_scratch/testarea/zoomtest.html" rel="nofollow noreferrer">https://ldijkman.github.io/randomnerd_esp32_wifi_manager/mrs/create_from_scratch/testarea/zoomtest.html</a></p> <p><a href="https://i.stack.imgur.com/YLe4M.png" target="_blank"><img src="https://cdn.imgupio.com/i/AWkuc3RhY2suaW1ndXIuY29tL1lMZTRNLnBuZw==" alt=""/></a></p> </answer> </body></html>
我是网页设计的初学者,我在网站上遇到了响应式设计的挑战。当我放大网站时,容器内的元素分散得太远,导致
我是这个领域学习网页设计的初学者,所以我面临这个问题 当我放大网站时,容器内的元素往往会彼此远离,从而导致