Javascript 内容可编辑图像在chrome中调整大小，最好的解决方案是什么？

我试图在Chrome上使用

contentEditable

集成图像大小调整。我知道webkit在这个功能的正常运行方面存在问题，所以我想知道如果用户使用Google Chrome（jQuery插件？Javascript方法？），集成图像大小调整的最佳替代方法是什么

您可以选择：

使用图书馆。它们确实存在：例如，YUI有一个。我从来没有使用过它，但演示在我尝试过的所有桌面浏览器中都可以使用

编写自己的：为调整大小手柄添加一些可拖动的定位元素。我以前做过，如果你知道自己在做什么，这并不难

---

@Tim Down的答案可能是更好的解决方案。 但我想说的是，如果你不想进一步使用CSS，你可以用CSS调整图像大小：

正文{
背景色：#1D；
}
第{
显示：表格；
保证金：0自动；
}
div{
调整大小：两者；
背景色：白色；
溢出：滚动；
背景图像：url（'https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/photoshop-face-after.jpg');
背景尺寸：封面；
背景重复：无重复；
}

二者都
水平的
垂直的
没有一个

谢谢，但这应该在可编辑（

contenteditable

）div中，因此图像应该保持可选择状态（图像的剪切/粘贴、复制/粘贴应该可以工作，等等）。因此，具有1px边框+小尺寸手柄的UI可能更适合此用途。谢谢你的尝试！这怎么会有滴答声？使用YUI-以前从未使用过。如果你知道自己是什么，这并不难doing@JonathanC：我显然认为这个问题要求的是一种通用方法，而不是一些工作代码。我承认这不是我最好的回答。

    resize: both;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/photoshop-face-after.jpg);