autojs写一个画板实现AI换头狗头蛇
更新时间：2023年01月31日 10:13:14 作者：牙叔教程
这篇文章主要为大家介绍了autojs写一个画板实现AI换头狗头蛇过程示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
正文.
chatGPT1.1.8更新了, 加了一个换头功能, 比如传说中的 狗头蛇
先选择一张蛇的图片
涂抹蛇头
AI 就会生成 狗头蛇
这里面使用的就是canvas功能
写画板的步骤
第一步: 布局中添加canvas
<canvas id="imageEditCanvas" />
第二步: 编写draw事件
canvasView.on("draw", (canvas) => {})
技巧, 在编写draw事件的时候, 可能会用到canvasView的宽高, 我们可以延迟一下再添加draw事件, 也就是先让界面生成完毕, 再执行我们的操作
const { delay } = require("lang");
delay(1).then(() => {
let canvasWidth = canvasView.getWidth();
let canvasHeight = canvasView.getHeight();
canvasView.on("draw", (canvas) => {})
})
第三步: 画图, 也就是画蛇的图片
画哪张图片是由用户决定的, 因此要让用户选择图片, 增加一个按钮, 让用户选择图片
let intent = new Intent();
intent.setType("image/*");
intent.setAction(Intent.ACTION_GET_CONTENT);
context.startActivityForResult(Intent.createChooser(intent, "选择图片"), requestCode);
用户选好图片以后, 我们绘制图片
canvas.drawBitmap(maskBitmap512, matrix, null);
这里使用了matrix让图片居中, 在之前的教程已经讲过了
第四步: 涂抹蛇头
这个随意, 不管画点, 画圆, 画Path, 都可以, 我选择的是Path
canvas.drawPath(path, paint);
第五步: 提交给AI处理, 展示处理后的图片
res = await axios.post(url, form, {
headers: {
"Content-Type": "multipart/form-data",
Authorization: key,
},
});
AI 返回的是url, 直接给imgView设置src即可
<img id='content' w='*' h='*' scaleType='fitCenter'></img>
this.content.attr("src", url);
第六步: 重置, 撤销, 恢复 怎么做?
在用户触摸canvasView的时候, 记录下用户每次的触摸操作, 然后给这次的操作设置一个编号,
然后通过编号来实现这几个功能
这基本上就是在操作数组, 在操作数组的时候, 我会在脑子里想两个长玻璃管道,
再把push想成, 给玻璃管道放球, pop想成玻璃管道射出一个球, 等类似的画面,
效果很好, 你可以尝试一下
试试app的画板功能
环境
设备: 小米11pro
Android版本: 12
Autojs版本: 9.3.11
名人名言
思路是最重要的, 其他的百度, bing, stackoverflow, github, 安卓文档, autojs文档, 最后才是群里问问
声明部分内容来自网络 本教程仅用于学习, 禁止用于其他用途
以上就是autojs写一个画板实现AI换头狗头蛇的详细内容，更多关于autojs画板AI换头狗头蛇的资料请关注脚本之家其它相关文章！
相关文章
这篇文章主要介绍了微信小程序 删除项目工程实现步骤的相关资料,这里对删除小程序的步骤进行详解和注意事项，需要的朋友可以参考下2016-11-11
这篇文章主要介绍了JavaScript组合继承，下面文章将围绕了JavaScript组合继承的相关资料展开详细内容,需要的小伙伴可以参考一下，希望对你有所帮助2021-11-11
这篇文章主要向大家介绍的是一些常用的前端JavaScript方法封装，数组去重、字符串去重、深拷贝 浅拷贝、reverse底层原理和扩展、圣杯模式的继承等多个方法,需要的朋友可以阅读下文的具体内容2021-09-09
这篇文章主要为大家介绍了ResizeObserver 监视 DOM大小变化示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-10-10
这篇文章主要为大家介绍了JS中自定义事件与观察者模式的示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-06-06
这篇文章主要为大家介绍了JS前端白屏前世今生及解决方式案例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-08-08
这篇文章主要介绍了关于Javascript闭包与应用的详解,文中有非常详细的代码示例.对正在学习js的伙伴们有很好的帮助,需要的朋友可以参考下2021-04-04
这篇文章主要介绍了微信小程序 九宫格实例代码的相关资料,需要的朋友可以参考下2017-01-01
这篇文章主要为大家介绍了JavaScript适配器模式图解及使用示例分析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-12-12
这篇文章主要介绍了手机浏览器 后退按钮强制刷新页面方法总结的相关资料,需要的朋友可以参考下2016-10-10
最新评论