Adobe出品(支持IOS,android,web调用)免费插件编辑图片
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>图片编辑</title>
<script src="js/jquery-1.7.2.js"></script>
<script src="https://dme0ih8comzn4.cloudfront.net/js/feather.js"></script>
<script type='text/javascript'>
//在线编辑图片功能,第三方插件,完全免费
var featherEditor = new Aviary.Feather({
apiKey: '3092928019@qq.com',//apikey可以免费申请,https://creativesdk.adobe.com/docs/web/#/index.html
apiVersion: 3,
theme: 'dark', // Check out our new 'light' and 'dark' themes!
tools: 'all',//这里设置为all,可以显示所有的工具
initTool: 'text',//默认展开的工具
language: 'zh_HANS',//简体中文
appendTo: '',
onSave: function (imageID, newURL) {
alert(newURL);
//$.ajax({
// url: "ashx/UserInfo.ashx?t=chAvatar&imgUrl=" + newURL + "&rand=" + Math.random(),
// success: function (url) {
// alert('保存成功');
// var img = document.getElementById(imageID);
// img.src = url;
// },
// error: function () {
// alert('error')
// }
//});
},
onError: function (errorObj) {
alert(errorObj.message);
}
});
function launchEditor(id, src) {
featherEditor.launch({
image: id,
url: src
});
return false;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div id='injection_site'></div>
<img id='image1' src='img/cloud.jpg'/>
<!-- Add an edit button, passing the HTML id of the image and the public URL of the image -->
<p><input type='image' src='' value='Edit photo' onclick="return launchEditor('image1', 'img/cloud.jpg');" /></p>
</form>
</body>
最新文章
- Unicode 和 UTF-8 有何区别?
- iOS--xuer(registration)
- Windows 10 使用C#如何将IE设置为默认浏览器
- ApiResponse 在 Swagger 1 和Swagger 2中的不同
- C++模板&;泛型编程
- 当匿名类型遇上Distinct
- The StringFormat property
- common.support.percent.PercentFrameLayout.onLayout(PercentFrameLayout.java:151)
- rails获取json内容
- iOS项目的目录结构和开发流程
- elasticsearch的基本用法
- POI读取公式的值
- Android中Broadcast Receiver组件具体解释
- Windows 8 应用开发 - 磁贴
- SRS微信号和QQ组
- 【译】TensorFlow Python Docs 之 overview
- Linux下,Nginx的安装、升级及动态添加模块
- Mysql连接出错问题
- tinkpad e450c 进入 BIOS
- 图像旋转、伸缩的自写matlab实现