手机版
网站地图
美文美图
最新动态
你好,欢迎访问
好美文阅读网
个性皮肤
搜索
网站首页
美文
文章
散文
日记
诗歌
小说
故事
句子
作文
签名
祝福语
情书
范文
读后感
文学百科
美文摘抄
节日文章
名家散文
网名大全
座右铭
口号大全
面试技巧
说说大全
阅读答案
诗词默写
流言蜚语
节日祝福
好句子
经典台词
谚语大全
亲情故事
友情故事
表白情书
工作报告
活动总结
心得体会
专题汇总
美文网首页
cropper.js自带的blob转换方法的坑
cropper.js自带的blob转换方法的坑
作者:
潇潇剑_易水阁
| 来源:发表于
2018-09-02 00:50 被阅读0次
1. 在使用cropper.js,在获取canvas里面的数据时,用于转换的blob的方法:
$('.img').cropper('getCroppedCanvas').toblob(function(blob){})
所产生的二进制数据会比截图到的区域大了很多,默认了转换后是png格式,以及图片质量,导致截取出的图片体积非常大,这就给上传增加了很多的成本,后面的解决办法就是获取此时画取的canvas对象,使用
dataURL=canvas.toDataURL('image/jpeg');
var blob = dataURLtoBlob(dataURL);
来获得对应的blob从而减少其封装的方法转换带来的数据变大问题,或者就是原来的toblob方法:
canvas.toBlob(function(blob){...}, "image/jpeg", 0.95);
还有一种就是上传原来的图片,根据截取获取的相对截取开始点位置以及截取的长宽对原图进行重绘得到的原始数据来规避这种操作。但是实际生产是能尽量少传网络数据就少传,所以还是由用户的机器去承担这个消耗。
相关文章
网友评论
本文标题:
cropper.js自带的blob转换方法的坑
本文链接:
https://www.haomeiwen.com/subject/utypwftx.html
延伸阅读
那年盛夏诗歌
环境监察队工作总结范文
优秀教师学习心得范文
华胥引的读后感300字
《Its red》教学反思范文
农资购销的合同范本
竞选中队委优秀演讲稿
辞金蹈海的成语解释
《世纪宝鼎》公开课教案设计
因为爱你,所以牵挂
今生今世红尘醉——美到
一个90后的内心独白
致已逝去的高中年华
深度阅读
您也可以注册成为美文阅读网的作者,发表您的原创作品、分享您的心情!
情人节
母亲节
重阳节
清明节
端午节
植树节
元宵节
妇女节
愚人节
圣诞节
父亲节
教师节
儿童节
劳动节
青年节
建军节
万圣节
平安夜
光棍节
中秋节
国庆节
感恩节
腊八节
更多话题
栏目导航
摄影
故事
互联网
读书
旅行
热点阅读
哈哈哈
有幸福感的10个标志,你有几个?
少年智则国智,少年富则国富,少年强则国强,少年自由则国自由
男篮夺冠,他却成最失落一人!归化日本后,他却只获得了第7名!
作文---写出我心中的感受
《亲吻蝴蝶的猫》 (01)
评价吕后一生的功和过是非
一座空城(1)
秋·夜
不舍泪水汇成祝福的话语——孩子们,有缘再会
网友评论