图片专栏
学习图片的基础知识,图片的实践总结
i大俊
https://github.com/kkxiaojun
展开
-
html2canvas、图片跨域、模糊失真、base64、偏移等问题
html2canvas、图片跨域、模糊失真、base64、偏移等问题原创 2019-12-06 23:14:05 · 5705 阅读 · 0 评论 -
Vue中用canvas对图片上传前压缩
Vue中用canvas对图片上传前压缩原创 2019-11-30 10:13:12 · 1204 阅读 · 0 评论 -
利用JavaScript、Ajax及CSS3实现图片预加载
导语 多图片网页很多都用了预加载图像,预加载图像是改善用户体验的好方法。但苦于网上找好资料不容易,特地翻墙研究了两篇,一起参考学习仅使用JavaScript实现预加载 像以前的方法一样有效,我通常认为实际上实在太乏味和耗时。 相反,我通常更喜欢使用直线切片JavaScript来预加载图像。 以下是几种仅限JavaScript的预加载方法,可在几乎每个现代浏览器中精美地工作。JavaScr原创 2019-10-13 11:26:18 · 790 阅读 · 0 评论 -
图片资源在项目中的使用
图片的使用错误处理(很常用,实用)从服务器获取的图片资料可以用onerror做错误处理"javascript:this.src='images/home/monitor.png'"设置最大宽度与最大高度,防止图片非等比缩放.img { max-width: 100%; max-height: 100%;}降低图片的大小图片压缩,采用图片压缩工具,智图-...原创 2019-01-12 22:48:49 · 1045 阅读 · 0 评论 -
html2canvas配合PhotoClip.js制作海报
h5海报制作基本介绍最终实现的需求是:将海报模版与自己上传的照片进行合成并且贴上二维码,生成可长按保存的海报。海报H5的基本功能:接入微信SDK上传照片、拍照裁剪图片将海报模板、二维码、上传的照片合成海报长按保存图片方案选择方案一: 采用第三方的裁剪库PhotoClip,和canvas的drawImage进行合成方案二: 采用第三方的裁剪库PhotoCli...原创 2019-09-01 17:21:28 · 937 阅读 · 2 评论 -
Vue结合FIleReader实现图片上传前的预览
Vue结合FIleReader实现图片上传前的预览原创 2019-10-13 10:59:59 · 1290 阅读 · 0 评论 -
webpack之优化篇(三):http压缩之Gzip
http压缩之Gzip原创 2019-09-08 23:07:31 · 2931 阅读 · 0 评论