文章詳情頁
javascript - 將圖片拖進canvas
瀏覽:167日期:2022-11-18 18:13:56
問題描述
哪位大神幫忙看看,這個效果,可以把右面的圖片拖進canvas,還能進行編輯,是怎么實現(xiàn)的,能不能具體講一下,急
問題解答
回答1:拖進去,看看drag and drop API就好了;
關(guān)于編輯圖片,看了下這個站點,所謂“畫布”也不是canvas,就是普通的p層。其實和我自己實現(xiàn)的一個簡單的圖片編輯器差不多。思路是:
操作的目標是圖片(img)
每一種操作都需要被記錄下來,比如放大,旋轉(zhuǎn)等
如果輸出一張圖片的話,就將上面所有img按照順序,執(zhí)行操作動畫,繪制到canvas上,就可以保存圖片了
如果輸出HTML,將上面所有img的每個操作對應成CSS的樣式就好了
回答2:拖放的話 你用拖放api 就是,里面有針對 目標對象 和源對象的事件處理,但是我不明白 你說的編輯 是什么意思
標簽:
JavaScript
上一條:javascript - 關(guān)于input="file",重復選擇同一文件時不觸發(fā)change事件的問題下一條:javascript - Html5做移到端定位,獲取授權(quán)拒絕了怎么辦?
相關(guān)文章:
1. 在mybatis使用mysql的ON DUPLICATE KEY UPDATE語法實現(xiàn)存在即更新應該使用哪個標簽?2. mysql - 表名稱前綴到底有啥用?3. Navicat for mysql 中以json格式儲存的數(shù)據(jù)存在大量反斜杠,如何去除?4. mysql - 怎么生成這個sql表?5. mysql儲存json錯誤6. 哭遼 求大佬解答 控制器的join方法怎么轉(zhuǎn)模型方法7. mysql - 數(shù)據(jù)庫表中,兩個表互為外鍵參考如何解決8. 編輯成功不顯示彈窗9. 怎么php怎么通過數(shù)組顯示sql查詢結(jié)果呢,查詢結(jié)果有多條,如圖。10. sql語句 - 如何在mysql中批量添加用戶?
排行榜

熱門標簽