h5中使用javascript在客户端对图片进行压缩和尺寸处理,附ts代码

2022-10-09
阅读 4 分钟
1.8k
有时候我们有这样的需求,就是对前端选中的图片进行压缩处理。这样处理的原因可能是。减少带宽占用率,提高效率。对图片进行裁剪符合上传需求。(现在手机拍照分辨率很高,直接拿来用比较大。)前端对图片进行压缩主要使用到的API有:CanvasImageFileBlobFileReader如图,设置三个方法toImagetoCanvastoFile {代码...} to...

单选多选场景的解决方案集合

2019-03-07
阅读 1 分钟
1.5k
单选多选场景的解决方案集合 场景 经常遇到一些类似菜单和导航这样的页面效果需求,基本情况是: 有很多的带选项,其效果是选中和未选中 有的是多选,有的是单选 解决 1.单选场景 因为是单选场景所以需要切换 解决方法一 设定每个备选状态为选中和未选中。 当变选中状态变更时对所有的备选进行遍历主要作用是: 把所有的...

响应式开发精短总结

2017-02-24
阅读 1 分钟
1.9k
最开始的移动端浏览器在一个比屏幕更宽的虚拟“窗口”中渲染页面,然后通过手指在屏幕的缩放和平移来浏览。首先引入viewport元标签(<meta name="viewport" content="...">)的是mobile safari苹果移动浏览器,Safari浏览器明确规定,标签的内容必须为“由逗号分隔的列表”。