使图像可拖动和调整大小

Question

我想知道如何使我的图像同时可拖动和调整大小。我使可拖动部分工作但无法调整大小当我将它们放在一起时我的代码停止工作。

 var modal = document.getElementById('boxes');
  var modalImg = document.getElementById("imgdisplay");
  $('#imgdisplay').draggable();
  $('#imgdisplay').resizable();
  function clickedPhoto(src) {
    modalImg.src = src;
  }

Answer 1

我所做的是在我的图像 id=fotos 周围创建一个 div，而 imgdisplay 是我的图像的 id，这就是我所做的一切

 var modal = document.getElementById('boxes');
  var modalImg = document.getElementById("imgdisplay");
 
  
  function clickedPhoto(src) {
    modalImg.src = src;   $('#imgdisplay').resizable();
$('#fotos').draggable();
    
  }