整體思路

獲取canvas的上下文,讓畫布,圖片,盒子三者相互適應(yīng),沒有做屏幕的適配.?

定義一些常量 ?剪輯區(qū)域的半徑 ?剪輯區(qū)域數(shù)據(jù) ?

定義一個(gè)初始化函數(shù),打開網(wǎng)頁就執(zhí)行,圖片就會(huì)模糊,并且剪輯區(qū)域顯示?

所以在初始化化函數(shù)可以定義一個(gè)函數(shù) 用來繪制畫布的函數(shù)

在畫布函數(shù)中把圖片放入畫布中,然后在該函數(shù)定義一個(gè)函數(shù)用來畫剪輯區(qū)域的函數(shù)?

這樣三者的關(guān)系就能很好的聯(lián)系一起.

最好點(diǎn)擊顯示 執(zhí)行一個(gè)顯示函數(shù) 里面也是執(zhí)行繪制畫布的函數(shù) 又可以復(fù)用了

隨機(jī)定義一個(gè)隨機(jī)函數(shù)就讓整個(gè)畫布重新初始化 ?

關(guān)鍵點(diǎn),幾個(gè)函數(shù)之間的關(guān)系,方便復(fù)用