Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用onclick上的jquery在坐标上缩放图像_Javascript_Jquery_Ajax - Fatal编程技术网

Javascript 使用onclick上的jquery在坐标上缩放图像

Javascript 使用onclick上的jquery在坐标上缩放图像,javascript,jquery,ajax,Javascript,Jquery,Ajax,我想使用onclick函数以预定义的图像坐标缩放JPEG图像。 我已经有了一组坐标x1,y1和x2,y2,我只想用onclick按钮放大这些坐标 请给我任何使用jquery或ajax的解决方案。您始终可以放大图像,但保持容器的固定大小,例如: $('button').on('click', function () { var coords = '100,100'.split(','); $('img').width('400px'); $('img').css('marg

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


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

您始终可以放大图像,但保持容器的固定大小,例如:

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

演示:

AJAX与此无关。