javascript - 相对于 div 中心的图像放大和缩小不起作用

In lại 作者：行者123 更新时间：2023-11-28 11:06:11 28 4

function zoom(zm) 
{
img=document.getElementById("pic")
wid=img.width
ht=img.height
img.style.width=(wid*zm)+"px"
img.style.height=(ht*zm)+"px"
}

function zoom(zm) {
    img = document.getElementById("pic")
    wid = img.width
    ht = img.height
    img.style.width = (wid * zm) + "px"
    img.style.height = (ht * zm) + "px"
    img.style.marginLeft = "-" + (wid * zm)/2 + "px"
    img.style.marginTop = "-" + (ht * zm)/2 + "px"
}

.img {
    width:450px;
    height:450px;
}
#pic {
    vị trí: tuyệt đối;
    left: 225px;
    top: 225px;
    margin: -225px 0 0 -225px;
}

28 4 0

• HTML 缩小？

  đóng cửa. Câu hỏi này không đáp ứng được hướng dẫn của Stack Overflow. Hiện tại câu hỏi này không chấp nhận câu trả lời. Các câu hỏi yêu cầu chúng tôi đề xuất hoặc tìm công cụ, thư viện hoặc tài nguyên ngoài trang web yêu thích đều không phù hợp với Stack Overflow.

• QTableView 放大/缩小

  我正在尝试创建一个可以像在 Excel 中一样放大和缩小的 QTableView。 此处提出了类似的问题:Zooming function on a QWidget 但是，我在 PyQt 而不是 C

• qt - 在鼠标点上放大/缩小？

  如图所示。 我在 QScrollArea 中有 QWidget。QWidget 充当细胞图像和一些基于矢量的轮廓数据的渲染小部件。用户可以执行放大/缩小操作，简单地发生的是，它改变了 QPaint

• iphone - 缩小 MKMapView

  双击 MKMapView 时:放大。 但是如何缩小呢？ 最佳答案 总是使用两根手指来放大和缩小。在模拟器上，您需要按住选项键才能在模拟屏幕上显示“两根手指”(我认为这是 Alt 键，但我在 Mac 上

• javascript - 缩小 for{} 循环

  我有一些 javascript for {} 循环，我在整个项目中重复使用它们，它们都类似于: for (var i = 0; i < things.length; i++) { consol

• emacs - emacs全局放大/缩小

  我知道我可以使用C-x C- +进行放大/缩小，但这仅适用于当前文件。一旦我打开另一个文本，文本将恢复为默认值，一遍又一遍地做起来真的很累。如何保持当前emacs session 的全局缩放级别？ 如

• angularjs - 缩小 Angular

  我对使用编译器工具自动化/简化 Angular 项目感兴趣，这可能适用于其他所有事情，但 Angular 注入(inject)和命名空间很尴尬，足以逃避编译器知识。执行此操作的最佳/专业方法是什么？

• emacs 放大/缩小

  有没有办法在emacs上放大和缩小(动态改变字体大小，相当流畅)？ 最佳答案 尝试 C-x C-+ 和 C-x C--；即 Control-x Control-减号/Control-再加上。 在一个组

• c# - 是什么使我无法调整Windows窗体对象的大小(缩小)？

  我有一个Windows表单对象，其中包含3个对象，树 View ，richtextbox和tabcontrol。它们没有停靠在Windows窗体中，而是被 anchor 定(顶部+左侧)。 我已经编写

• 保存时 JavaScript 缩小

  我想向 javascript-mode 添加功能，以便每当我在当前缓冲区上保存 Javascript 文件时，它都会在使用相对路径定义的目录中创建该文件的缩小文件，例如 ../foo 具有相同的文件名

• grails - 缩小.war

  这里有一些关于缩小.war文件的教程，甚至一些帖子。但是，最常见的技术(在Config.groovy中包含grails.war.resources = {})似乎对我不起作用。无论如何，grails会

• JavaFX:ScaleTransition、缩小

  如何使用 ScaleTransition缩小图像？我现在有这个，它只能放大。如果我误解了该方法，我不会，但我将其从 1 缩放到 0.8。由于某种原因，这种情况仍在扩大。 ScaleTransition

• kubernetes - 是否可以防止ReplicaSet扩大/缩小？

  基本上，我想问ReplicaSets是否与CronJobs的suspend: "true"选项类似，但我愿意接受其他建议。 最佳答案 From the official Kubernetes doc

• c++ - 缩小/扩大带孔多边形的轮廓

  我想使用 boost::polygon 扩展/收缩带孔的多边形。所以澄清一点，我有一个单一的数据结构 boost::polygon::polygon_with_holes_data inPoly 其中

• Elixir map 缩小

  我有一个 map 列表: [%{~D[2019-02-11] => 7}, %{~D[2019-02-12] => 1}, %{~D[2019-02-15] => 1}] 我正在尝试将其变成一张大

• Jquery 图像幻灯片。缩小

  我正在制作一个横幅，您可以使用jquery幻灯片功能缩放图像并且可以拖动图像。 除了一件事之外，它工作完美。当您使用图像下方的幻灯片放大图像时，效果非常好。您可以将图像拖动到您想要的位置。但当你想用幻

• extjs - 缩小 ExtJs

  我们有一个 extjs 应用程序，其中我们布置的结构与 Sencha 推荐的结构不完全匹配。在我们的结构中，我们没有 app.js，但我们有一个 js，其中我们提到了自动加载和启动功能，示例如下以及文

• javascript - 缩小/丑化我的应用程序

  我想在 Chrome/Firefox 中运行的应用程序是: 用 typescript 写 使用 React 使用 es 下一个功能(模块、导入等)编写 有一些导入是纯 js 文件 网页包 3 我可以在

• javascript - 使用不带变换的宽度和高度在光标位置放大/缩小

  我正在尝试像此处一样应用 Google map 的放大/缩小 - https://www.google.com/maps/@36.241201,-98.1261798,5.13z?hl=en我无法让它

• javascript - Protractor :缩小

  我正在使用 Protractor ，需要缩小到 50%，我尝试了 StackOverflow 上发布的其他几个问题的解决方案，但没有任何效果。其中一些包括: browser.actions().key