vue page-screenshot 踩坑之旅

在網頁上實現圖片縮放 拖拽 並進行截圖進行批註 使用page-screenshot這個插件來實現截圖進行批註

問題

1. page-screenshot這個插件截圖會有跨域問題，百度了很久，由於代碼裏沒有解決跨域的功能，只能本身想辦法，嘗試過在img上加crossOrigin，也無論用，最後把圖片轉爲base64，就能夠了
2. 視頻的話 在video標籤加上 crossorigin="anonymous" ，能夠解決跨域，可是不能實現接到圖片中的某一幀圖，因此當點擊截圖時，把視頻暫停，把暫停視頻的圖片搬到canves上才能夠
3. 源碼中
   這行代碼是，截圖時的工具欄，能夠根據需求進行增刪改