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事件, 也就是先讓界面生成完畢, 再執(zhí)行我們的操作
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的畫板功能
環(huán)境
設備: 小米11pro
Android版本: 12
Autojs版本: 9.3.11
名人名言
思路是最重要的, 其他的百度, bing, stackoverflow, github, 安卓文檔, autojs文檔, 最后才是群里問問
聲明部分內容來自網絡 本教程僅用于學習, 禁止用于其他用途
以上就是autojs寫一個畫板實現AI換頭狗頭蛇的詳細內容，更多關于autojs畫板AI換頭狗頭蛇的資料請關注腳本之家其它相關文章！
相關文章
這篇文章主要介紹了微信小程序中使用Promise進行異步流程處理的實例詳解的相關資料,這里詳細說明該如何使用Promise 來進行異步流程的處理，提供具體實現步驟，需要的朋友可以參考下2017-08-08
這篇文章主要介紹了淺談JavaScript淺拷貝和深拷貝，javascript中的對象是引用類型，在復制對象的時候就要考慮是用淺拷貝還是用深拷貝。接下來一起聊聊吧,感興趣的小伙伴也可以參考一下2021-11-11
這篇文章主要介紹了微信小程序實現錨點定位樓層跳躍的實例的相關資料,需要的朋友可以參考下2017-05-05
這篇文章主要介紹了javascript函數式編程，文章有介紹函數自核，聲明式和命令式代碼，感興趣的小伙伴可以一起來閱讀下面我文章內容2021-09-09
這篇文章主要介紹了TypeScript 枚舉類型，TypeScript 在 ES 原有類型基礎上加入枚舉類型，使得在 TypeScript 中也可以給一組數值賦予名字，這樣對開發(fā)者比較友好，可以理解枚舉就是一個字典，文章內容圍繞TypeScript 枚舉類型展開內容,需要的朋友可以參考一下2021-10-10
這篇文章主要介紹了JavaScript實現棧結構詳細過程，棧即stack它是一種受限的線性表，后進先出LIFO，更多具體的內容，需要的小伙伴參考下面文章的詳細內容2021-12-12
這篇文章主要為大家介紹了Proxy的不可變數據優(yōu)點及使用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-03-03
JavaScript設計模式之命令模式和狀態(tài)模式詳解
這篇文章主要為大家介紹了JavaScript設計模式之命令模式和狀態(tài)模式詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-08-08
這篇文章主要為大家介紹了electron?中?webview的使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-02-02
這篇文章主要介紹了基于JavaScript阻止事件冒泡,事件冒泡?開始時由最具體的元素接收，然后逐級向上傳播到到?DOM?最頂層節(jié)點。更多詳細內容請需要的小伙伴參考下面文章的具體內容希望對你有所幫助2021-12-12