JS/jQuery 图像编辑器

发布于 2024-08-22 00:06:37 字数 141 浏览 4 评论 0原文

有没有人偶然发现用纯 JS 或 jQuery 完成的图像编辑器 - 就像 CKEditor 那样？

我正在寻找一段代码，为图像添加句柄，以便您可以根据需要调整其大小，甚至拖动图像。

谢谢。

编辑：改写。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

半暖夏伤 2024-08-29 00:06:37

这是精彩的图像裁剪/调整大小 JQuery 插件 http://www.cropzoom.com.ar/

回复收藏 0 原文

回眸一遍 2024-08-29 00:06:37

是的，网上有很多。找到此处。 jCrop 非常出色且非常棒。

回复收藏 0 原文

煞人兵器 2024-08-29 00:06:37

tinyMCE和CKEditor等编辑器的做法是这样的

<div contenteditable="true" id="div1">
    <img src="tache17.jpg" />
</div>
<a href="javascript:alert(document.getElementById('div1').innerHTML)">gimme html</a>

这是浏览器的事情而不是JS的事情。
当然，将图像放置在 div 中并使 div 内容可编辑是使用 JS 完成的，但您所说的调整大小句柄是由浏览器生成的。
注意
除了 Firefox 之外，我还没有在其他任何程序中测试过这个

The way editors such as tinyMCE and CKEditor do it is like this

<div contenteditable="true" id="div1">
    <img src="tache17.jpg" />
</div>
<a href="javascript:alert(document.getElementById('div1').innerHTML)">gimme html</a>

It's a browser thing not a JS thing.
Of course placing the image in the div and making the div contentEditable is done with JS but the resizing handles you are talking about are generated by the browser.
Note
I haven't tested this in anything other than firefox

回复收藏 0 原文