制作圖片的放大效果我考慮到的方法是將原始圖片繪制到canvas上，然后在對canvas進(jìn)行局部裁剪最后對裁剪的部分進(jìn)行放大，這樣就可以實(shí)現(xiàn)放大鏡的效果這里我給出一個(gè)實(shí)現(xiàn)這個(gè)想法的示例該示例實(shí)際上就是運(yùn)用HTML5 canvas中對。

html5的優(yōu)勢1 開發(fā)成本較低，這里體現(xiàn)在兩方面，首先html5入門較為容易，而且又很多的js框架可以調(diào)用，可以不用費(fèi)太大的開發(fā)量，就可以做出很多很復(fù)雜的界面效果其二，熟悉各種web開發(fā)的，都可以進(jìn)行開發(fā)，人力成本比較。

1實(shí)現(xiàn)頭部的方法代碼2編寫css樣式的方法代碼3html上傳代碼4js處理的方法代碼5測試效果如下注意事項(xiàng)JavaScript是一種屬于網(wǎng)絡(luò)的腳本語言，已經(jīng)被廣泛用于Web應(yīng)用開發(fā)，常用來為網(wǎng)頁添加各式各樣的動態(tài)功能。

以上的解決方案不僅能用于Web App拍照上傳，也可以通過Canvas的編輯功能函數(shù)提供圖片編輯，例如裁剪上色涂鴉圈點(diǎn)等功能，然后把用戶編輯完的圖片上傳保存到服務(wù)器上在還在不斷補(bǔ)充修正的HTML5的驅(qū)動下，Web App與Native。

下面是一些JavaScript插件，可以彌補(bǔ)一些瀏覽器對HTML5的支持問題1VideoJS VideoJS是一個(gè)HTML5的視頻播放器，可以在所有瀏覽器中使用，包括IE6和移動設(shè)備對于不支持HTML5的瀏覽器則自動使用Flash播放器來播放2AudioJS。