Adobe出品(支持IOS,android,web调用)免费插件编辑图片
Posted 幽默是一种心情
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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: ‘[email protected]‘,//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>
以上是关于Adobe出品(支持IOS,android,web调用)免费插件编辑图片的主要内容,如果未能解决你的问题,请参考以下文章
Adobe ANE 适用于 iOS 和 Android 设备,但不适用于 AIR 模拟器
比Sketch还强大的设计神器Adobe XD,一站式解决UI和UX设计658期