html5 html2canvas中文文档载入多张图片

来源：蜘蛛抓取(WebSpider) 时间：2018-10-14 15:48 标签： html2canvas中文文档

该网站已被大量用户举报存在玳办假信用卡的嫌疑，可能会骗取您的手续费或窃取您的个人信息建议您谨慎访问。

需求分析根据当前网页中的几張图片，在手机上长按保存图片到相册或者发送给好友。

html2html2canvas中文文档绘制图片如果页面中存在img，出现绘制的结果无图片时原因如下：（建议逐步查找）

1.绘制时间过早，图片尚未加载

解决方式：通过setTimeout延迟绘制或者通过img.onload监听图片昰否绘制完成

2.绘制的图片跨域问题

切记：要在图片赋值之前添加

3.如果出现安卓或者pc端正常显示ios端无法显示的问题

解决方式： 处理图片跨域时，防止的位置不正确正确方式如下 

 

 4.页面的部分img，绘制后在ios上无显示（亲测多为jpeg图片）
 
 

 解决方式： 将图片转化为base64格式即可
 
 
 

 5.字符串过長使用css隐藏，有特殊字符不显示,如：
 
 
 

 使用上述css隐藏字符串会出现绘制的图片只有占位不显示的问题
 
 

 现解决方案对字符进行裁剪（5位为最佳）
 
 
 if(j<=L){ // 当加上当前字符以后，如果总字节长度小于等于L则将当前字符真实的+在result后
 }else{ // 反之则说明result已经是不拆分字符的情况下最接近L的值了，直接返回
 

 
 

 
 

 
 

 2.使用了“ /” 分开语句“/”可能与后面的字重叠
 
 

 解决办法： 使用全角来编写“/”试试

我要回帖

更多关于 html2canvas中文文档 的文章

 

随机推荐