資訊專欄INFORMATION COLUMN
摘要：預(yù)覽項(xiàng)目地址一些想法網(wǎng)上看了看基于的圖片裁剪的插件很少，剛剛好項(xiàng)目需要使用到圖片裁剪，于是便有了這個(gè)插件的誕生。
vue-crpopper
預(yù)覽
項(xiàng)目地址
網(wǎng)上看了看基于vue的圖片裁剪的插件很少，剛剛好項(xiàng)目需要使用到圖片裁剪，于是便有了這個(gè)插件的
誕生。
通過canvas生成新的圖片， 可以上傳到后臺(tái)保存。
效果圖 安裝 npm install vue-cropper 使用 import VueCropper from vue-cropper| 名稱 | 功能 | 默認(rèn)值 | 可選值 |
| img | 裁剪圖片的地址 | 空 | url 地址 || base64 || blob |
| outputSize | 裁剪生成圖片的質(zhì)量 | 1 | 0.1 - 1 |
| outputType | 裁剪生成圖片的格式 | jpg (jpg 需要傳入jpeg) | jpeg || png || web |
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/86997.html
摘要：基于的圖片壓縮裁剪插件功能說明圖片壓縮，圖片裁剪，圖片壓縮，圖片裁剪，，解決了部分機(jī)型方向不對(duì)的問題，同時(shí)可以對(duì)圖片進(jìn)行尺寸和質(zhì)量的壓縮效果演示調(diào)試模式下或者手機(jī)打開本地運(yùn)行使用本項(xiàng)目的文件需要引入在需要使用的頁面直接引入 vue-image-cropper 基于vue的圖片壓縮裁剪插件 1.功能說明 圖片壓縮，圖片裁剪，vue圖片壓縮，vue圖片裁剪，vue-image-croppe...
摘要：在不久前，我們把發(fā)布了。這次我們保持了完整的遷移到了上。支持了定義，支持了的自定義事件，更新了更加詳細(xì)的文檔。如果你需要自定義裁剪彈窗的的樣式，你可以自己寫進(jìn)行覆蓋 showImg(https://segmentfault.com/img/bVKj4B?w=1600&h=900); 在不久前，我們把vue-core-image-upload 發(fā)布了2.0 。這次我們保持了完整的api遷...
摘要：前言本文的前身是源自上的項(xiàng)目但由于該項(xiàng)目上次更新時(shí)間為年月日，很多內(nèi)容早已過期或是很多近期優(yōu)秀組件未被收錄，所以小肆今天重新更新了內(nèi)容并新建項(xiàng)目。提交的項(xiàng)目格式如下項(xiàng)目名稱子標(biāo)題相關(guān)介紹如果收錄的項(xiàng)目有錯(cuò)誤，可以通過反饋給小肆。 前言 本文的前身是源自github上的項(xiàng)目awesome-github-vue,但由于該項(xiàng)目上次更新時(shí)間為2017年6月12日，很多內(nèi)容早已過期或是很多近期優(yōu)...
閱讀 1447·2021-11-17 09:33
閱讀 3036·2021-10-13 09:39
閱讀 2712·2021-10-09 10:01
閱讀 2456·2021-09-29 09:35
閱讀 3907·2021-09-26 10:01
閱讀 3528·2019-08-26 18:37
閱讀 3156·2019-08-26 13:46
閱讀 1919·2019-08-26 13:39
