摘要: 讲干货,不啰嗦,当涉及对图片有质量压缩要求的时候,可以使用Canvas实现图片压缩。 步骤: 1.获取img元素,既要压缩的图片 2.创建canvas对象 3.使用canvas的drawImage方法绘制图片 4.通过canvas toDataURl方法获取图像base64编码,设置quality参 阅读全文
posted @ 2019-07-23 17:22 伤心小王子 阅读(5803) 评论(0) 推荐(0) 编辑
摘要: 讲干货,不啰嗦,瀑布流布局是种常见的布局方式,常用于图片相关的样式展示,通过CSS3的多列(Multi-column)属性,可以简单的实现类似效果。 具体步骤: 1.设置外部容器多列列数(column-count)和列间距(column-gap) 2.设置内容条目的break-inside属性为av 阅读全文
posted @ 2019-07-23 13:03 伤心小王子 阅读(8789) 评论(2) 推荐(0) 编辑