javascript - 在 onclick 上使用 jquery 在坐标上缩放图像

Question

onclick我想使用函数缩放具有预定义图像坐标的 JPEG 图像。我已经有了一组坐标 (x1,y1) 和 (x2,y2)，我只想用onclick按钮放大这些坐标。

请给我任何使用 jquery 或 ajax 的解决方案。

Answer 1

您可以随时放大图像，但将容器保持固定大小，例如：

$('button').on('click', function () {
    var coords = '100,100'.split(',');
    $('img').width('400px');
    $('img').css('marginLeft', '-' + coords[0] + 'px');
    $('img').css('marginTop', '-' + coords[1] + 'px');
});

演示：http: //jsfiddle.net/qy7bA/