文章詳情頁
javascript - 將圖片拖進canvas
瀏覽:189日期:2022-11-18 18:13:56
問題描述
哪位大神幫忙看看,這個效果,可以把右面的圖片拖進canvas,還能進行編輯,是怎么實現的,能不能具體講一下,急
問題解答
回答1:拖進去,看看drag and drop API就好了;
關于編輯圖片,看了下這個站點,所謂“畫布”也不是canvas,就是普通的p層。其實和我自己實現的一個簡單的圖片編輯器差不多。思路是:
操作的目標是圖片(img)
每一種操作都需要被記錄下來,比如放大,旋轉等
如果輸出一張圖片的話,就將上面所有img按照順序,執行操作動畫,繪制到canvas上,就可以保存圖片了
如果輸出HTML,將上面所有img的每個操作對應成CSS的樣式就好了
回答2:拖放的話 你用拖放api 就是,里面有針對 目標對象 和源對象的事件處理,但是我不明白 你說的編輯 是什么意思
標簽:
JavaScript
相關文章:
1. 管理員信息修改時的密碼問題2. angular.js - 輸入郵箱地址之后, 如何使其自動在末尾添加分號?3. javascript - JS 里面的 delete object.key 到底刪除了什么?4. mysql - 電商如何存儲營業額數據5. javascript - 后臺管理系統左側折疊導航欄數據較多,怎么樣直接通過搜索去定位到具體某一個菜單項位置,并展開當前菜單6. javascript - html5的data屬性怎么指定一個function函數呢?7. android - RxJava 中有根據條件執行不同函數的操作符嗎?8. javascript - 如何使用nodejs 將.html 文件轉化成canvas9. html5 - 為什么使使用vue cli 腳手架,post-css 沒有自動對css3屬性自動添加瀏覽器前綴呢?10. java如何生成token?
排行榜
