缩放是指与在图形用户界面中缩放查看区域相关的问题。
我的网站在桌面上的响应速度还不错，但是当涉及到 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>
我是网页设计的初学者，我在网站上遇到了响应式设计的挑战。当我放大网站时，容器内的元素分散得太远，导致
我是这个领域学习网页设计的初学者，所以我面临这个问题 当我放大网站时，容器内的元素往往会彼此远离，从而导致
有没有办法在 VSCode 中放大图像（特别是 .png）？我的存储库包含一些非常小的图像，我想在不打开其他应用程序的情况下查看它们。我以为...
我正在尝试在一个有限的、更大的红色矩形内操纵一些蓝色矩形。 我将其与放大和缩小功能一起使用 问题是我想显示
因此，内联文本元素的实际高度不仅仅是字体大小值，而是由单个字体的指标决定，如本答案中所述（另请参阅本文）。 所以对于...
我正在使用react-chartjs-2创建条形图。我也在使用缩放插件。现在我想创建一个按钮来重置缩放。对于普通的图表，它通过调用 .resetZoom() 函数来工作......
我正在尝试实现一个具有与 CorelDraw/InDesign 类似功能的 ScrollPane：ScrollPane 中的一张纸可以四处移动（更改视口）并且可以放大/缩放...