首页 > 其他 > 详细

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

时间:2018-10-11 10:51:18      阅读:318      评论:0      收藏:0      [点我收藏+]

前言:

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

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

代码如下:

 技术分享图片

 

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

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

 

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

综上:

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

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!