相關(guān)文章

• 騰訊 AlloyTeam 移動(dòng) Web 裁剪組件 AlloyCrop 正式開(kāi)源

  摘要：兼容性如何支持以及的設(shè)備的瀏覽器便可運(yùn)行不一一列舉一共不到行為什么體積這么小騰訊手內(nèi)大量的都會(huì)去不斷地從各個(gè)維度進(jìn)行性能優(yōu)化。騰訊內(nèi)部有哪些項(xiàng)目在用目前主要是興趣部落群等業(yè)務(wù)在用，剛剛開(kāi)源出來(lái)，只要有裁剪圖片的地方都會(huì)用到。 傳送門(mén) Github地址：https://github.com/AlloyTeam/AlloyFinger/tree/master/alloy_crop 在線(xiàn)De...

  yexiaobai 2019-08-20 12:21 評(píng)論0 收藏0

• cropper圖片編輯插件繪制圓形圖片

  摘要：背景項(xiàng)目中有一個(gè)編輯上傳用戶(hù)頭像的功能，之前選用了插件來(lái)處理編輯圖片的功能，現(xiàn)在還想做到類(lèi)似等選取圓形圖像的功能，考慮結(jié)合來(lái)處理。 背景 項(xiàng)目中有一個(gè)編輯上傳用戶(hù)頭像的功能，之前選用了cropper插件來(lái)處理編輯圖片的功能，現(xiàn)在還想做到類(lèi)似QQ等選取圓形圖像的功能，考慮結(jié)合cropper來(lái)處理。 方案 樣式上通過(guò)CSS來(lái)控制cropper選取框?yàn)閳A形 .cropper-view-box...

  cppprimer 2019-08-23 12:08 評(píng)論0 收藏0

• 編寫(xiě)一個(gè)頭像裁剪組件（一）

  摘要：需求是編寫(xiě)一個(gè)頭像剪裁工具再封裝成為一個(gè)組件，然后根據(jù)功能開(kāi)始逐步編寫(xiě)代碼先是上傳圖片預(yù)覽圖片編輯圖片。 需求是編寫(xiě)一個(gè)頭像剪裁工具再封裝成為一個(gè)組件，然后根據(jù)功能開(kāi)始逐步編寫(xiě)代碼：先是上傳圖片 => 預(yù)覽圖片 => 編輯圖片。 剛開(kāi)始沒(méi)有去考慮兼容性的問(wèn)題，直接編寫(xiě)upload部分的代碼，參考了很多代碼還有HTML5 FILE API之后，發(fā)現(xiàn)很少有React編寫(xiě)的這樣的代碼，因?yàn)橄?..

  whatsns 2019-08-23 10:31 評(píng)論0 收藏0