在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/