javascript - 放大 - 缩小不能正常工作

In lại Tác giả: Walker 123 更新时间：2023-11-28 13:14:14 27 4

#thediv {
    lề:0 tự động;
    height:auto;
    width:1005;
    tràn:ẩn;
    }

#thediv img {
    vị trí: tương đối;
    trái: 50%;
    trên cùng: 50%;
}
#minus{position:fixed;bottom:0px}
#plus{position:fixed;bottom:0px;margin-left:40px;}

window.onload = function(){zoom(1)}

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 = -(img.width/2) + "px";
    img.style.marginTop = -(img.height/2) + "px";
}

    

-
+
1

// For the "reset" (1) button to work, you must store the default size somewhere
var defaultWidth = document.getElementById("pic").width;
var defaultHeight = document.getElementById("pic").height;
var resetZoom = function () {
    var img = document.getElementById('pic');
    img.width = defaultWidth;
    img.height = defaultHeight;
};

var zoom = function (zm) {
    'sử dụng nghiêm ngặt';

    var img = document.getElementById("pic");

    img.width *= zm;
    img.height *= zm;
};

document.getElementById('minus').addEventListener('click', function () {
    zoom(0.9);
}, SAI);

document.getElementById('plus').addEventListener('click', function () {
    zoom(1.1);
}, SAI);

document.getElementById('reset').addEventListener('click', function () {
    resetZoom();
}, SAI);

27 4 0

• javascript - (不能)在javascript中获取元素样式的一部分

  我是 javascript 的新手(今天开始弄乱它)。 我正在尝试更改名为“bar”的元素(div)的高度。条形图将成为图表的一部分。 我可以毫无问题地将按钮连接到更改栏高度的函数。一切正常，除了条形

• ios - 不能 "addSubView"

  错误 -> “UIVIew”没有名为“addSubView”的成员 override func viewDidLoad() { super.viewDidLoad() // Do an

• swift - 不能 CGEventTapCreate

  我在命令行工具项目中复制并粘贴了 main.swift 下面链接中的代码。 How do you use CGEventTapCreate in Swift? 它构建没有错误，但是当我运行时， gua

• c++ - 不能 dynamic_cast

  我在尝试编译我的代码时遇到以下错误。 ERROR! ..\myCode\CPOI.cpp:68:41: error: cannot dynamic_cast 'screenType' (of type

• 不能 strcat_s 多个字符到字符串指针

  我正在尝试将多个字符串连接到一个我已为其分配内存的字符串指针。这是一个例子: char *finalNumString = malloc(sizeof(char)*1024); finalNumStr

• 不能 dup2 将管道的末端写入标准输出

  我在使用 dup2() 和 pipe() 时遇到问题。 当我尝试将管道的写入端 dup2 到 STDOUT_FILENO 时，我收到了 EBADF。 我用 gdb 在 dup2(pout[1], ST

• Git:不能 pull

  首先，我应该说我运行的是 Windows 7。 因此，今天早上我尝试像往常一样从我的存储库中提取数据，但我做不到。我得到了错误: The authenticity of host 'github.co

• python - 不能 "activate"virtualenv

  刚开始在虚拟环境中运行Python，乱用Django，无法激活虚拟环境。 花了最后 4 个小时尝试在本地终端/VS 代码上激活虚拟环境 (venv)，但没有成功。 避免使用“sudo pip inst

• r - 数据框可以做什么而 tibble 不能？

  Tidyverse 的粉丝经常给出使用小标题而不是数据框的几个优点。它们中的大多数似乎旨在保护用户免于犯错误。例如，与数据框不同，小标题: 不需要 ,drop=FALSE不从数据中删除维度的论据。 不

• javascript - 不能 Dockerize Elm

  我一直在对 Elm 应用程序进行 docker 化时遇到问题。据我所知，我已经创建了一个完整且有效的 Docker 文件……但它不起作用。 我会解释的。 所以我的脚本在 3 个文件中运行。 首先是启动

• java - 不能 Mockbean HttpServletResponse

  我可以在 Controller 中使用@Autowired，例如 @RestController public class Index { @Autowired HttpServlet

• function - 不能 `compose` 和方法和函数

  我定义了一个方法和一个函数: def print(str:String) = println val intToString = (n:Int) => n.toString 现在我想创作它们。 我的问

• javascript - 不能 .map() 一个看似数组的值

  当我控制台单独记录变量“pokemons”时，它确实返回一个数组。但是当我尝试映射它时，出现错误: TypeError: pokemons.map is not a function 我的代码: im

• python - 不能 `import smtplib`

  每当我尝试在 Python 解释器中导入 smtplib 时，都会收到此错误: ImportError: cannot import name fix_eols 我该如何解决这个问题？ 编辑:这是完整

• javascript - 为什么 {{#each}} 可以正常工作而 {{#with}} 不能？

  我正在使用 Meteor.js 开发一个项目，但在使用 Handlebar 时遇到了一些问题:我想检索集合的最后一项，并显示字段:其中包含 html 的文本: 这是我的javascript代码: Te

• java - onTouchEvent 不能@Override

  你好，我想使用 Service 实现 GestureDetector 但是我有这个错误The method onTouchEvent(MotionEvent) of type GestureServi

• java - 不能@Autowired接口(interface)

  我正在尝试在 Controller bean 中 Autowiring 接口(interface) 在我放置的上下文配置文件中 和 我的 Controller 类是 @Controller pub

• c++ - 不能 #include

  我试图在 mainwindow.cpp 中包含 QtSvg，但是当我编译时它说无法打开包含文件:QtSvg。我已经在我的 *.pro 文件中添加了这个(QT += svg)。我可以知道可能是什么问题吗

• postgresql - 不能 100% 确定这是否安全

  鉴于以下 PostgreSQL 代码，我认为这段代码不容易受到 SQL 注入(inject)攻击: _filter 'day' _start 1 _end 10 _sort 'article_name

• MYSQL:不能/如何将子查询用作完全合格的 CTE

  我想执行以下操作。这在 MySQL 中是非法的。 PostGRESQL 中关联的 CTE(“with”子句)有效。这里的假设是 MySQL 中的子查询不是完全限定的 CTE。 请注意:这个查询显然非常