Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/422.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 用鼠标调整图像大小_Javascript_Jquery_Html - Fatal编程技术网

Javascript 用鼠标调整图像大小

Javascript 用鼠标调整图像大小,javascript,jquery,html,Javascript,Jquery,Html,是否有jquery或其他品牌的插件可以使用鼠标调整div内图像的大小? 我查看了Jquery drug和drop插件,但还没有找到任何合适的插件。创建自己非常容易,无需使用整个jQ UI库。这是一个启动板: var isDragging = false, $img = $('#myImg'); $img.bind('mousedown', function(e){ isDragging = true; e.preventDefault(); }); $('body').bind

是否有jquery或其他品牌的插件可以使用鼠标调整div内图像的大小?
我查看了Jquery drug和drop插件,但还没有找到任何合适的插件。

创建自己非常容易,无需使用整个jQ UI库。这是一个启动板:

var isDragging = false,
    $img = $('#myImg');

$img.bind('mousedown', function(e){
  isDragging = true;
  e.preventDefault();
});
$('body').bind('mousemove', function(e){
  if(isDragging)
    $img.css({ left: e.pageX, top: e.pageY });
}).bind('mouseup', function(){
  isDragging = false;
});

创建自己非常容易,无需使用整个jquilib。这是一个启动板:

var isDragging = false,
    $img = $('#myImg');

$img.bind('mousedown', function(e){
  isDragging = true;
  e.preventDefault();
});
$('body').bind('mousemove', function(e){
  if(isDragging)
    $img.css({ left: e.pageX, top: e.pageY });
}).bind('mouseup', function(){
  isDragging = false;
});

它的拖动示例不是调整大小…我没有说它是调整大小的示例。。。这是一个启动板,它的拖动示例不是调整大小…我没有说这是一个调整大小的示例。。。这是一个启动板