文章詳情頁
javascript - 將圖片拖進canvas
瀏覽：151日期：2022-11-18 18:13:56
問題描述
哪位大神幫忙看看，這個效果，可以把右面的圖片拖進canvas，還能進行編輯，是怎么實現的，能不能具體講一下，急
問題解答
回答1：拖進去，看看drag and drop API就好了；
關于編輯圖片，看了下這個站點，所謂“畫布”也不是canvas，就是普通的p層。其實和我自己實現的一個簡單的圖片編輯器差不多。思路是：
操作的目標是圖片（img）
每一種操作都需要被記錄下來，比如放大，旋轉等
如果輸出一張圖片的話，就將上面所有img按照順序，執行操作動畫，繪制到canvas上，就可以保存圖片了
如果輸出HTML，將上面所有img的每個操作對應成CSS的樣式就好了
回答2：拖放的話 你用拖放api 就是，里面有針對 目標對象 和源對象的事件處理，但是我不明白 你說的編輯 是什么意思
標簽：
JavaScript
相關文章：
1. javascript - react input file2. python - beautifulsoup獲取網頁內容的問題3. python - 能通過CAN控制一部普通的家用轎車嗎？4. html5 - 只用CSS如何實現input框的寬度隨框里輸入的內容長短自動適應？5. javascript - angularjs ngblur不生效 onblur生效，為什么？6. 人工智能 - python 機器學習 醫療數據 怎么學7. centos7 編譯安裝 Python 3.5.1 失敗8. mysql - 分庫分表、分區、讀寫分離 這些都是用在什么場景下 ，會帶來哪些效率或者其他方面的好處9. javascript - 關于css絕對定位在ios瀏覽器被橡皮筋遮擋的問題10. c++ - 請問MySQL_Connection::isReadOnly 怎么解決？
排行榜
網公網安備