文章詳情頁
javascript - 將圖片拖進canvas
瀏覽:126日期:2022-11-18 18:13:56
問題描述
哪位大神幫忙看看,這個效果,可以把右面的圖片拖進canvas,還能進行編輯,是怎么實現的,能不能具體講一下,急
問題解答
回答1:拖進去,看看drag and drop API就好了;
關于編輯圖片,看了下這個站點,所謂“畫布”也不是canvas,就是普通的p層。其實和我自己實現的一個簡單的圖片編輯器差不多。思路是:
操作的目標是圖片(img)
每一種操作都需要被記錄下來,比如放大,旋轉等
如果輸出一張圖片的話,就將上面所有img按照順序,執行操作動畫,繪制到canvas上,就可以保存圖片了
如果輸出HTML,將上面所有img的每個操作對應成CSS的樣式就好了
回答2:拖放的話 你用拖放api 就是,里面有針對 目標對象 和源對象的事件處理,但是我不明白 你說的編輯 是什么意思
標簽:
JavaScript
相關文章:
1. python中return 語句與 分支語句連用問題2. thinkphp3 count()方法必須加上字段?3. node.js - webpack-dev-server正常運行,webpack打包卻出錯,怎么辦?4. 我何時應該在Java中使用JFrame.add(component)和JFrame.getContentPane()。add(component)5. 這是什么情況???6. javascript - 項目的公共文件如圖片JS等文件放在 云上,webroot只放jsp文件,怎么將靜態文件通過配置文件引入,sp求大神指導7. android - 哪位大神知道java后臺的api接口的對象傳到前端后輸入日期報錯,是什么情況?求大神指點8. 怎么php怎么通過數組顯示sql查詢結果呢,查詢結果有多條,如圖。我要forsearch里面echo9. nginx 504 Gateway Time-out 請問如何設置10. update方法不能更新字段值為0的數據
排行榜
