原生js裁取裁切圖片

先上一個效果圖,需求是上傳圖片,裁切圖片,裁取出一個長方形的圖和一個圓形圖。 左邊是上傳圖片部分,用的input,右邊是兩個canvas,移動左邊的裁剪框,右邊的會隨着改變,也可放大圖片,放大縮小範圍是1-2。 主要講思路:1.左邊上傳圖片,用input的type='file’即可實現。                     2.右邊是canvas,主要難點是計算座標。需熟悉學習下drawIma
相關文章
相關標籤/搜索