起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 1423|回复: 3

[处理中3] WeX5支持Cnnvas的datatourl()方法吗

[复制链接]

30

主题

67

帖子

145

积分

初级会员

Rank: 2

积分
145
QQ
发表于 2018-4-24 13:19:28 | 显示全部楼层 |阅读模式
需求:通过Cznvas标签来对图片进行压缩,返回压缩后的base64字符串

30

主题

67

帖子

145

积分

初级会员

Rank: 2

积分
145
QQ
 楼主| 发表于 2018-4-24 16:38:05 | 显示全部楼层
追问:用camera插件照相,获取图片,图片质量为20,。接着获取图片对象用dataToUrl()压缩,压缩比为0.1,压缩后的图像是一块黑。
回复 支持 反对

使用道具 举报

30

主题

67

帖子

145

积分

初级会员

Rank: 2

积分
145
QQ
 楼主| 发表于 2018-4-24 16:41:24 | 显示全部楼层

                        var images = document.getElementsByClassName('images');//获取列表中image对象
                        for (var i = 0; i < images.length; i++) {
                                var mime_type = "image/jpeg";
                                var cvs = document.createElement('canvas');
                                // naturalWidth真实图片的宽度
                                cvs.width = images[i].naturalWidth;
                                cvs.height = images[i].naturalHeight;
                                //var ctx = cvs.getContext("2d").drawImage(images[i], 0, 0);
                                var newImageData = cvs.toDataURL(mime_type, 0.2);  //返回base64,压缩为原来的20%
                                imgList[i].FILE_URL = newImageData;
                        }
回复 支持 反对

使用道具 举报

发表于 2018-4-28 15:10:25 | 显示全部楼层
那你压缩比例小一些试试
这个是标准js类库吗??先用标准HTML试试看能成功吗??如果可以x5也一样的
x5提供的图片压缩可以参考
http://docs.wex5.com/wex5-app-question-list-0013/
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2024-9-27 09:21 , Processed in 0.059416 second(s), 23 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表