javascript - 有没有办法在直播时调整图像大小？

Question

例如，使用类似于 firebug 的东西，这样您就可以看到其他页面元素是如何环绕它的。除了http://makiapp.com/maki之外，我不知道类似的东西，这很有用但并不理想，因为它不会在图像周围环绕文本。

有没有办法直接在网站上重新调整图像大小？

Answer 1

不清楚你到底想要什么，但我还是做了一个小提琴：http: //jsfiddle.net/sveinatle/r8J9F/2/

如果您想在自己的页面上使用它，那么您可以按原样添加代码，并将类添加resizable到您希望能够调整大小的任何元素（不需要是图像）。

如果您想在页面上使用它而不修改其源代码，那么您可以打开 Firebug 并在控制台中运行代码，只需将$('.resizable')选择替换为与您要调整大小的元素匹配的内容即可。$('*')将其应用于一切。

编码：

var startX,startY,
    startW,startH,
    $box=null;
$('.resizable').mousedown(function(e){
    startX = e.pageX;
    startY = e.pageY;
    $box = $(this);
    startW = $box.innerWidth();
    startH = $box.innerHeight();
    return false;
});

$('body')
    .mouseup(function(){
        $box = null;
        return false;
    })
    .mousemove(function(e){
        if($box!=null){
            $box.innerWidth (startW + e.pageX-startX);
            $box.innerHeight(startH + e.pageY-startY);
        }
    });