码迷,mamicode.com
首页 > 其他好文 > 详细

关于H5页面中生成图片的两种方式!

时间:2018-10-11 11:27:25      阅读:203      评论:0      收藏:0      [点我收藏+]

标签:项目   关于   nbsp   功能   分享图片   can   应该   小结   bubuko   

前言:

我们在做项目过程中,经常会遇到自定义生成一张图片并可以长按保存。长按保存图片在微信等浏览器中默认就有,那么对于生成图片的有哪些方式呢?

方法一: 利用canvas绘制图形,然后生成图片

代码如下:

 技术分享图片

 

小结:这种方式较为繁琐,因为绘制canvas的过程本身过程较多,远远没有布局一个页面简单。

方法二:利用html2canvas实现截屏功能(原理也是将DOM对象生成canvas对象,然后再生成图片)

 

小结:这种方式较简单,而且清晰度较高,但是要注意的是,一定不能把图片当背景来操作,否则清晰度也不高。

综上:

利用前端H5生成图片过程中,我们应该更多利用方式二来进行!

关于H5页面中生成图片的两种方式!

标签:项目   关于   nbsp   功能   分享图片   can   应该   小结   bubuko   

原文地址:https://www.cnblogs.com/teamemory/p/9770937.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!