Javascript 免费的开源浏览器内图像编辑器
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/2282833/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Free Open Source In-browser image editors
提问by h3.
I'm looking for a in-browser image editing solution to integrate with my project: http://code.google.com/p/django-ray/
我正在寻找与我的项目集成的浏览器内图像编辑解决方案：http: //code.google.com/p/django-ray/
I got it working with Pixlrquite easily and the editor is fantastic .. however it's a hosted service, which means I must be connected to Internet for it to work ..
我很容易就可以使用Pixlr了，编辑器也很棒.. 但是它是一个托管服务，这意味着我必须连接到 Internet 才能工作..
Is there any other solution like Pixlr but that are not hosted service ?
有没有像 Pixlr 这样的其他解决方案，但不是托管服务？
Updates
更新
Editors found so far:
到目前为止，编辑人员发现：
- AIE: http://www.ajax-image-editor.com/(feels clunkier than Gimp..)
- Pixidou: http://github.com/asvinb/pixidou(no working demo found..)
- AIE：http://www.ajax-image-editor.com/（感觉比 Gimp 笨重..）
- Pixidou：http://github.com/asvinb/pixidou （没有找到工作演示..）
And a good list of editors that are hosted: http://www.lifeclever.com/10-free-web-based-alternatives-to-photoshop/
以及一个很好的托管编辑列表：http: //www.lifeclever.com/10-free-web-based-alternatives-to-photoshop/
回答by Carl G
Adobe has discontinued the creativeSDK Image Editor UI
Adobe 已停止使用 creativeSDK 图像编辑器 UI
This solution appears to no longer be viable. Sorry :(
此解决方案似乎不再可行。对不起 ：（
Adobe deprecation announcement
Previous answer:
上一个答案：
Aviary (acquired by Adobe) offers a free feature-rich on-page editor called Feather. It is hosted, however, in that you must perform a GET to retrieve the final full-size edited image. It's features include:
Aviary（被 Adobe 收购）提供了一个免费的功能丰富的页面编辑器Feather。但是，它是托管的，因为您必须执行 GET 才能检索最终的全尺寸编辑图像。它的特点包括：
- enhance (new): Autocorrect your photo with one of four basic enhancements.
- effects (new): Choose from a variety of effects and filters for your photo.
- stickers: Choose from a variety of stickers you can resize and place on your photo.
- orientation (new): Rotate and flip your photo in one tool.
- resize: Resize the image using width and height number fields.
- crop: Crop a portion of your photo. Add presets via API. Fixed-pixel cropPresets perform a resize when applied (new).
- brightness: Adjust the overall image brightness.
- contrast: Adjust the overall image contrast.
- saturation: Adjust the overall image saturation.
- sharpness (new): Blur or sharpen the overall image in one tool.
- draw: Add doodle overlays with a brush.
- text: Add custom, resizable text.
- redeye: Remove redeye from your photo with a brush.
- whiten: Whiten teeth with a brush. (Not supported in IE7-IE8)
- blemish: Remove skin blemishes with a brush.
- 增强（新）：使用四种基本增强功能之一自动更正您的照片。
- 效果（新）：为您的照片选择各种效果和滤镜。
- 贴纸：从可以调整大小并放置在照片上的各种贴纸中进行选择。
- 方向（新）：在一个工具中旋转和翻转您的照片。
- 调整大小：使用宽度和高度数字字段调整图像大小。
- 裁剪：裁剪照片的一部分。通过 API 添加预设。固定像素cropPresets 在应用时执行调整大小（新）。
- 亮度：调整整体图像亮度。
- 对比度：调整整体图像对比度。
- 饱和度：调整整体图像饱和度。
- 锐度（新）：使用一种工具模糊或锐化整体图像。
- draw：用画笔添加涂鸦叠加。
- 文本：添加自定义的、可调整大小的文本。
- 红眼：用画笔去除照片中的红眼。
- 美白：用刷子美白牙齿。(IE7-IE8 不支持)
- 瑕疵：用刷子去除皮肤瑕疵。
I'm currently integrating it in a site and there are a few gotchas (they might be my fault.) I can't ever get it to perform a POST callback to my URL with the finished image URL, so instead I use the objects .onSave handler which provides the same info. Also, in current chrome/firefox, there is a security exception when Feather modifies canvas data directly from your site. So instead provide the urloption (causing Feather to request the image at that URL and then provide it back to the widget on your page.)
我目前正在将它集成到一个站点中，但有一些问题（它们可能是我的错。）我无法使用完成的图像 URL 对我的 URL 执行 POST 回调，因此我使用对象.onSave 处理程序提供相同的信息。此外，在当前的 chrome/firefox 中，当 Feather 直接从您的站点修改画布数据时，存在安全异常。所以改为提供url选项（使 Feather 在该 URL 请求图像，然后将其提供回页面上的小部件。）
回答by Robin Layfield
I've just been looking at JCrop, a JQuery plugin which looks great and works beautifully - on most modern browsers, so check your target platform is supported.
我刚刚在看 JCrop，这是一个 JQuery 插件，它看起来很棒而且工作得很漂亮——在大多数现代浏览器上，所以检查你的目标平台是否受支持。
You can see it in action and download the scripts from here
你可以看到它的运行情况并从这里下载脚本
http://deepliquid.com/content/Jcrop.html
http://deepliquid.com/content/Jcrop.html
and you will need the JQuery script framework, available from jquery.com
并且您将需要 JQuery 脚本框架，可从 jquery.com 获得
It's all free and Open Source, so you can customise it as much as you like.
它全部免费且开源，因此您可以随心所欲地对其进行自定义。
Rob
抢
