文章詳情頁(yè)
javascript - 將圖片拖進(jìn)canvas
瀏覽:156日期:2022-11-18 18:13:56
問(wèn)題描述
哪位大神幫忙看看,這個(gè)效果,可以把右面的圖片拖進(jìn)canvas,還能進(jìn)行編輯,是怎么實(shí)現(xiàn)的,能不能具體講一下,急
問(wèn)題解答
回答1:拖進(jìn)去,看看drag and drop API就好了;
關(guān)于編輯圖片,看了下這個(gè)站點(diǎn),所謂“畫(huà)布”也不是canvas,就是普通的p層。其實(shí)和我自己實(shí)現(xiàn)的一個(gè)簡(jiǎn)單的圖片編輯器差不多。思路是:
操作的目標(biāo)是圖片(img)
每一種操作都需要被記錄下來(lái),比如放大,旋轉(zhuǎn)等
如果輸出一張圖片的話,就將上面所有img按照順序,執(zhí)行操作動(dòng)畫(huà),繪制到canvas上,就可以保存圖片了
如果輸出HTML,將上面所有img的每個(gè)操作對(duì)應(yīng)成CSS的樣式就好了
回答2:拖放的話 你用拖放api 就是,里面有針對(duì) 目標(biāo)對(duì)象 和源對(duì)象的事件處理,但是我不明白 你說(shuō)的編輯 是什么意思
標(biāo)簽:
JavaScript
上一條:javascript - 關(guān)于input="file",重復(fù)選擇同一文件時(shí)不觸發(fā)change事件的問(wèn)題下一條:javascript - Html5做移到端定位,獲取授權(quán)拒絕了怎么辦?
相關(guān)文章:
1. android - 安卓做前端,PHP做后臺(tái)服務(wù)器 有什么需要注意的?2. mysql - ubuntu開(kāi)啟3306端口失敗,有什么辦法可以解決?3. javascript - 從mysql獲取json數(shù)據(jù),前端怎么處理轉(zhuǎn)換解析json類型4. mysql - C#連接數(shù)據(jù)庫(kù)時(shí)一直這一句出問(wèn)題int i = cmd.ExecuteNonQuery();5. mysql replace 死鎖6. extra沒(méi)有加載出來(lái)7. 求救一下,用新版的phpstudy,數(shù)據(jù)庫(kù)過(guò)段時(shí)間會(huì)消失是什么情況?8. thinkPHP5中獲取數(shù)據(jù)庫(kù)數(shù)據(jù)后默認(rèn)選中下拉框的值,傳遞到后臺(tái)消失不見(jiàn)。有圖有代碼,希望有人幫忙9. javascript - 微信網(wǎng)頁(yè)開(kāi)發(fā)從菜單進(jìn)入頁(yè)面后,按返回鍵沒(méi)有關(guān)閉瀏覽器而是刷新當(dāng)前頁(yè)面,求解決?10. django - Python error: [Errno 99] Cannot assign requested address
排行榜

熱門(mén)標(biāo)簽