/// /// 根据指定尺寸得到按比例缩放的尺寸,返回true表示以更改尺寸 /// /// 图片宽度 /// 图片高度 /// 指定宽度 /// /// 指定高度 /// 返回true表示以更改尺寸 private bool GetPicZoomS... ...
1 目录展示 安装依赖 2 css中使用图片 2.1 webpack.config.js 2.2 app.js 2.3 layer.js 2.4 layer.less 2.5 打包 2.6 效果 2.7 使用 url-loader --url-loader 对图片大小进行限制 满足条件的转换为bas ...
分类:
Web程序 时间:
2017-04-06 18:31:28
阅读次数:
529
$v){ if(!in_array($v,$arr)){ subImage('./Public/ueditor/php/upload/image/20160905/'.$v); echo $k.''; } } function subImage($img){ //图片的等比缩放 ... ...
分类:
Web程序 时间:
2017-03-29 18:55:52
阅读次数:
242
今天被问到前端怎么图片压缩,然后就一顿的查资源,终于知道前端怎么压缩图片。 关键: FileReader() toDataURL() 上面两个是关键方法,是html5后出现的好东西。 就是把图片转换成Base64编码,那样就可以不用理图片在哪了, 他就被你转换成编码了。 直接调用这个方法: 这是同域 ...
分类:
Web程序 时间:
2017-03-29 01:16:45
阅读次数:
341
思路是将图片抽样显示在canvas上,然后用通过canvas.toDataURL方法得到base64字符串来实现压缩。 1.base64转二进制文件 2.压缩 参数(图片对象,品质,输出格式) 返回压缩后图片对象 3.主要流程 获得和读取图片对象 创建canvas,尺寸设置压缩后的图片尺寸 调用dr ...
分类:
Web程序 时间:
2017-03-25 17:19:51
阅读次数:
358
有了webpack。。(不借助gulp/grunt)代码压缩 图片base64,解析less/sass coffee css压缩,MD5加密都帮你做了。。还支持按需加载。。还有热替换 webpack常用命令: 构建命令,webpack的常用参数 $ webpack --config webpack. ...
分类:
Web程序 时间:
2017-03-21 10:44:05
阅读次数:
222
可以先把图片转换为gif格式,然后用Windows自带的画图工具打开,并另存为BMP格式的图片。 但是这样制作完成的图片失真相当严重 再如下面,简直无法不堪入目。 也可以使用PS。准备好图片之后点击模式-索引颜色 所有选项默认,点击确定 然后再存储为BMP格式的图片 这样得到的BMP基本没有失真。 ... ...
分类:
其他好文 时间:
2017-03-19 11:49:49
阅读次数:
195
主要功能,使用H5的formData上传base64格式的图片,canvas压缩图片,前端样式使用weui,为方便起见,使用了jquery封装过的weui,jqweui。 话不多少,开始上代码。 前端代码,直接在jqweui官网下的demo里改的(是dist下的demo) 上述代码中 只有这个函数的 ...
分类:
移动开发 时间:
2017-03-11 18:27:50
阅读次数:
2413
一、概述 距离上一篇博客有段时间没更新了,主要是最近有些私事导致的,那么就先来一篇简单一点的博客脉动回来。 对于加载图片,大家都不陌生,一般为了尽可能避免OOM都会按照如下做法: 其实对于图片加载还有种情况,就是单个图片非常巨大,并且还不允许压缩。比如显示:世界地图、清明上河图、微博长图等。 那么对 ...
分类:
移动开发 时间:
2017-02-13 17:35:56
阅读次数:
272
最近在做一个项目从全球各地采集图片,考虑采用微信JS-SDK来简化开发。图片会首先上传到微信的服务器,返回一个id,然后根据这个id去微信服务器获取图片。微信提供可选择的压缩图片功能。图片首先上传到微信的服务器,可以保障较好的上传稳定性。 详细内容请参考微信的官方文档:微信JS-SDK说明文档 运行 ...
分类:
微信 时间:
2017-02-12 22:41:22
阅读次数:
861