html2Canvas 在ios+4g+微信内置浏览器错误

开发了一个webapp,用到了html2canvas。
测试下来:

ios、Android + WiFi + 浏览器/微信= 正常
Android + 4G + 浏览器/微信 = 正常
ios + 4G + 浏览器 = 正常

只有
ios + 4G + 微信 = 错误

可能是什么问题呢?微信浏览器有什么针对ios 4g的设置吗?

2个回答

Canvas 在ios+4g+微信内置浏览器错误
开发了一个webapp,用到了html2canvas。
测试下来:
ios、Android + WiFi + 浏览器/微信= 正常
Android + 4G + 浏览器/微信 = 正常
ios + 4G + 浏览器 = 正常
只有
ios + 4G + 微信 = 错误
可能是什么问题呢?微信浏览器有什么针对ios 4g的设置吗?

遇到了同样得问题,总算解决了,还是上来回答下我得解决办法,在toDataURL()和setAttribute("src", data)之间加个settimeout就可以

html2canvas(document.querySelector(".poster"), { useCORS: true }).then(function(canvas) {
    let data = canvas.toDataURL();
    setTimeout(() => {
        let img = document.createElement("img");
        img.setAttribute("src", data);
        img.setAttribute("width", "100%");
        img.setAttribute("height", "100%");
        document.querySelector(".result").appendChild(img);
    }, 5000);
});
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
html2Canvas 在ios+4g+微信内置浏览器错误

开发了一个webapp,用到了html2canvas。 测试下来: ios、Android + WiFi + 浏览器/微信= 正常 Android + 4G + 浏览器/微信 = 正常 ios + 4G + 浏览器 = 正常 只有 ios + 4G + 微信 = 错误 可能是什么问题呢?微信浏览器有什么针对ios 4g的设置吗?

在微信内置浏览器中用canvas的drawImage方法进行两张图片的拼合的相关问题

需求是用户选择相框,再上传一张图片并剪裁,将剪裁的图片和相框拼接,都是在前台实现功能,剪裁图片是使用copperjs实现的,获取到剪裁图片的blob和base64,在获取选中相框的src并转换为bolb和base64,然后新建一个canvas对象 在里面拼合两张图片,这时候会出现以下情况 1.剪裁图片预览是纯黑色的图 2.剪裁图片预览成灰色,且图片内容并排重复,夹杂雪花效果 3.相框预览是白色, 4.相框拼接不到剪裁图片上 请问前辈有没有什么好的解决方案,会不会是因为drawimage导致微信浏览器崩溃?还是跟安卓机型有关? 这套代码在iphone和pc浏览器中运行都是ok的

微信浏览器安卓机无法保存canvas转成img格式的图片

大家好,如何解决安卓机微信内置浏览器无法保存canvas转成img格式的图片 (长按图片,无法发送给朋友、保存到手机,甚至无法收藏)的问题,我有想过将canvas转成img格式的图片传回服务器端进行处理,保存再显示出来,但data:image/png;base64的长度太长了,没成功。 有什么可以解决这问题??

在不使用JSSSDK的情况下怎么在微信内置浏览器内调用手机相机???急

RT,项目是做的一个公众号内的网页,有个需要上传照片的功能, input type="file",能够调用,但是还能调用相册, 我只想调用相机拍照,而不能选择照片文件。 video 和canvas方法在微信内不支持。 请问有没有什么方法,在不使用JS-SDK的情况下值调用手机摄像头拍照

手机页面利用canvas压缩图片再上传服务器,谷歌和微信内置浏览器可以华为自带浏览器却不行

如题,先利用canvas压缩图片,再通过ajaxFileUpload等把图片传到服务器,canvas.toDataURL("image/jpeg", 0.2);明明是jpeg了,在谷歌和微信内置浏览器也可以实现,但是用华为机自带的浏览器测试时,却强制性的变成png,压缩的图片也有很大缺失,变成一大块黑色。求高手指点。

微信浏览器图片长按菜单如何屏蔽

最近开发中遇到的问题 所以用设置div背景的方式 避开了 还有别的法吗

ios微信浏览器最新版 返回界面不刷新 页面js代码不执行

ios微信浏览器最新版 返回界面不刷新 页面js代码不执行 求解这种情况怎么搞啊

canvas 的 drawImages 是不是在手机浏览器上有不兼容的情况?该怎么处理

我网页写的,测试的没问题。用手机的浏览器测试,感觉有点问题. 就是感觉drawImages没起作用的一样的,请问怎么处理 部分代码: ``` var b = document.getElementById("canvas2").getContext("2d"); var bobject = document.getElementById("canvas2"); var image = document.getElementById("img1"); b.drawImage(image, 0, 0, _("img1").style.width.replace("px", ""), _("img1").style.height.replace("px", "")); alert($("#canvas2")[0].toDataURL("image/png")); ``` 最后一个alert是能alert值出来的,是base64格式。但是在手机浏览器上canvas2没有图画出来,请问怎么解决,谷歌浏览器使用正常。

html2canvas在360浏览器兼容模式下报错问题

需求是将页面上的一张图表做前端导出,我用到了两个插件,一个是html2canvas进行截图,还有一个是jspdf生成pdf文件并且保存到本地 firefox和chrome都已经通过测试了,360的兼容模式下不能正常跑。 代码跑到这里的时候会报错: html2canvas($("#vm0"), { onrendered: function (canvas) { $(canvas).attr({"style":"margin-top:10px;","id":"vm0_save"}) $("#realchart").append(canvas); } }); 刚开始浏览器控制台抛出这个错误: ![图片说明](https://img-ask.csdn.net/upload/201706/19/1497850918_99930.png) 下了一个es6-promise依赖包,然后在html2canvas.js最上面加了一句: var Promise = require('es6-promise').Promise; 这个报错就不再出现了,但是随之而来的是下面这个报错: ![图片说明](https://img-ask.csdn.net/upload/201706/19/1497851219_728316.png) 然后就没有什么头绪解决了,有遇到过这个问题的大神吗? 另外发现html2canvas的坑挺多的,有没有可以替代它的插件

移动端 HTML5 CANVAS 兼容性问题

目前在做微信公众平台 ,使用到canvas绘制图片,在某些设备上出现偶尔无法绘制的问题。 目前测试出现在 oppo R8007 小米s1上,代码是最最简单的代码,比如绘制一行字,画矩形等,均出现间歇性的无法绘制的问题。 不知道是代码哪里没有做对,还是怎样?请教各位大神,有没有什么解决方案。 <!DOCTYPE HTML> <html> <head> <title>测试canvas</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <body> <canvas id="myCanvas" ></canvas> <script type="text/javascript"> function draw () { var canvas = document.getElementById('myCanvas'); canvas.width = 640; canvas.height = 600; var context = canvas.getContext("2d"); context.fillStyle = "red"; context.fillRect(0, 0, 640, 300); }; draw(); </script> </body> </html> ``` ```

canvas绘制视频在x5内核中不显示

项目需求,在canvas中实时绘制video中的视频。百度了方法是同伙定时器实时的绘制video的每一帧画面。 在测试时发现在x5内核中canvas无法显示所绘制的画面,在手机自带浏览器,和PC端中则正常使用。有没有兄弟碰到过类似的请求支援! ```js var videoObj = $("#video")[0]; var ctx=$("#canvas")[0].getContext('2d'); var fps = 1000/30; var timer = null; timer=window.setInterval(function() { ctx.drawImage(videoObj,-85,-150,170,300); },fps); ```

移动端微信中canvas会偶尔出现黑屏

在小米手机和魅族手机出现过 其它安卓手机也有可能会出现 但都不是必现

微信小程序将view/画布canvas生成图片

## 背景 最近在做一个图片编辑的小程序,就是在一张图片上,放一些小装饰(图片),通过监听手势和使用CSS的transform实现移动和缩放。 ## 问题 但是遇到一个问题,就是如何将图片加上面的小装饰作为一个整体的图片保存起来呢? 在网上搜索好久,看到有的思路是将view写入画布,但是并没有解决方法。如果将图片直接写入画布,那么有如何做到缩放和移动呢,求教各位大佬

【html】canvas在ios上导出图片,图片会放大一倍,怎么保持1:1

例:图片为400X400的,在ios上打开canvas程序,然后绘画在400X400的canvas画板上 然后导出下载图片,下载出来的图片是800X800的 这个愿意是因为ios的分辨率大,我查到了,但是我想要的是,让他下载出来保持和导入的一样是400Px的,这个如何处理呢?

微信小程序canvas中的setTextAlign方法如何使用

微信小程序canvas中的setTextAlign方法如何使用 看了官方api一脸懵逼 不知道如何将画布的文字居中,求各位大神帮忙 附上程序中的代码 ![图片说明](https://img-ask.csdn.net/upload/201711/21/1511258290_580855.png) 附上界面![图片说明](https://img-ask.csdn.net/upload/201711/21/1511258317_248409.png)

急!!!!!!!!!!!!!! html2canvas跨域问题

功能需求如下: 在页面上点击按钮,解析iframe里面嵌入的页面,然后生成图片,通过HTML5 的canvas 实现一个画板涂鸦功能。 急!!!!!!!!!!!!!! 最近遇到个问题,需要自动捕获页面然后生成图片,使用的最新版的html2canvas,实现后,项目本地的html都可以解析,但是现在涉及到跨域问题,由于集成的系统比较多,然后无法使用nginx代理的方式实现,现在求大神帮忙解决解决,这个问题困扰了我很多天,试了很多种办法,请求援助~ 如果有大神,可以QQ联系我,晚上可能不在CSDN上,QQ:1492138976,C币一定结!!!!

iphone在微信浏览器上出现弹跳,怎么解决?

iphone在微信的浏览器上双击会出现页面上跳,然后又回到了正常,我使用的是createjs的canvas库,制作一个小游戏!但是出现这样的情况实在没有办法在微信上玩,求解决方法! 如果document.body或者canvas tag 上使用 原生的e.preventDefault ,那么我点击canvas的元素都没有反应了

微信头像 图片跨域问题

最近在做一个h5页面分享需要截图,用了html2canvas 这个插件,普通的图片可以显示, 但是一旦是微信头像,就会出现跨域的问题,但本地谷歌浏览器可以显示,微信和qq浏览器不行。不知道怎么解决。。

html2canvas+Canvas2Image在移动端出现的问题

移动端想要实现长按保存图片的功能,用html2canvas+canvas2image来实现,,PC端能正常下载,但是在移动端下载的文件没有后缀名,而且下载失败,下面是代码和图片 ![图片说明](https://img-ask.csdn.net/upload/201905/14/1557813395_266950.jpg) ``` let dom = $(".dom").get(0); // 调用html2canvas插件 jsShot.html2canvas(dom).then(function (canvas) { // canvas宽度 var canvasWidth = canvas.width; // canvas高度 var canvasHeight = canvas.height; var img = jsShot.Canvas2Image.convertToImage(canvas, canvasWidth, canvasHeight); let type = $('#sel').val(); //图片类型 let w = $('#imgW').val(); //图片宽度 let h = $('#imgH').val(); //图片高度 let f = $('#imgFileName').val(); //图片文件名 w = (w === '') ? canvasWidth : w; //判断输入宽高是否为空,为空时保持原来的值 h = (h === '') ? canvasHeight : h; // 调用Canvas2Image插件 jsShot.Canvas2Image.saveAsImage(canvas, w, h, type, f); // var dataString = canvas.toDataURL("image.png/png"); // var link = document.createElement("a"); // link.download = 'image'; // link.href = dataString; // link.click(); // that.$nextTick(()=>{ // that.screenShow=false // }) }); ```

谁能实现移动用户在用户浏览器端直接对整个或部分页面进行截屏。请联系我哦,付费求解决

谁能通过html2canvas将HTML内容写入Canvas生成图片,实现移动用户在用户浏览器端直接对整个或部分页面进行截屏。或其他同效果解决方案。请联系我哦,付费求解决QQ10750003

C/C++学习指南全套教程

C/C++学习的全套教程,从基本语法,基本原理,到界面开发、网络开发、Linux开发、安全算法,应用尽用。由毕业于清华大学的业内人士执课,为C/C++编程爱好者的教程。

定量遥感中文版 梁顺林著 范闻捷译

这是梁顺林的定量遥感的中文版,由范闻捷等翻译的,是电子版PDF,解决了大家看英文费时费事的问题,希望大家下载看看,一定会有帮助的

YOLOv3目标检测实战:训练自己的数据集

YOLOv3是一种基于深度学习的端到端实时目标检测方法,以速度快见长。本课程将手把手地教大家使用labelImg标注和使用YOLOv3训练自己的数据集。课程分为三个小项目:足球目标检测(单目标检测)、梅西目标检测(单目标检测)、足球和梅西同时目标检测(两目标检测)。 本课程的YOLOv3使用Darknet,在Ubuntu系统上做项目演示。包括:安装Darknet、给自己的数据集打标签、整理自己的数据集、修改配置文件、训练自己的数据集、测试训练出的网络模型、性能统计(mAP计算和画出PR曲线)和先验框聚类。 Darknet是使用C语言实现的轻型开源深度学习框架,依赖少,可移植性好,值得深入探究。 除本课程《YOLOv3目标检测实战:训练自己的数据集》外,本人推出了有关YOLOv3目标检测的系列课程,请持续关注该系列的其它课程视频,包括: 《YOLOv3目标检测实战:交通标志识别》 《YOLOv3目标检测:原理与源码解析》 《YOLOv3目标检测:网络模型改进方法》 敬请关注并选择学习!

sql语句 异常 Err] 1064 - You have an error in your SQL syntax; check the manual that corresponds to your

在我们开发的工程中,有时候会报 [Err] 1064 - You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near ------ 这种异常 不用多想,肯定是我们的sql语句出现问题,下面...

浪潮集团 往年的软件类 笔试题 比较详细的哦

浪潮集团 往年的软件类 笔试题 比较详细的哦

2019 AI开发者大会

2019 AI开发者大会(AI ProCon 2019)是由中国IT社区CSDN主办的AI技术与产业年度盛会。多年经验淬炼,如今蓄势待发:2019年9月6-7日,大会将有近百位中美顶尖AI专家、知名企业代表以及千余名AI开发者齐聚北京,进行技术解读和产业论证。我们不空谈口号,只谈技术,诚挚邀请AI业内人士一起共铸人工智能新篇章!

I2c串口通信实现加速度传感器和FPGA的交流

此代码能实现加速度传感器与FPGA之间的交流,从而测出运动物体的加速度。

Python可以这样学(第一季:Python内功修炼)

董付国系列教材《Python程序设计基础》、《Python程序设计(第2版)》、《Python可以这样学》配套视频,讲解Python 3.5.x和3.6.x语法、内置对象用法、选择与循环以及函数设计与使用、lambda表达式用法、字符串与正则表达式应用、面向对象编程、文本文件与二进制文件操作、目录操作与系统运维、异常处理结构。

微信公众平台开发入门

本套课程的设计完全是为初学者量身打造,课程内容由浅入深,课程讲解通俗易懂,代码实现简洁清晰。通过本课程的学习,学员能够入门微信公众平台开发,能够胜任企业级的订阅号、服务号、企业号的应用开发工作。 通过本课程的学习,学员能够对微信公众平台有一个清晰的、系统性的认识。例如,公众号是什么,它有什么特点,它能做什么,怎么开发公众号。 其次,通过本课程的学习,学员能够掌握微信公众平台开发的方法、技术和应用实现。例如,开发者文档怎么看,开发环境怎么搭建,基本的消息交互如何实现,常用的方法技巧有哪些,真实应用怎么开发。

机器学习初学者必会的案例精讲

通过六个实际的编码项目,带领同学入门人工智能。这些项目涉及机器学习(回归,分类,聚类),深度学习(神经网络),底层数学算法,Weka数据挖掘,利用Git开源项目实战等。

eclipseme 1.7.9

eclipse 出了新的eclipseme插件,官方有下载,但特慢,我都下了大半天(可能自己网速差)。有急需要的朋友可以下哦。。。

Spring Boot -01- 快速入门篇(图文教程)

Spring Boot -01- 快速入门篇 今天开始不断整理 Spring Boot 2.0 版本学习笔记,大家可以在博客看到我的笔记,然后大家想看视频课程也可以到【慕课网】手机 app,去找【Spring Boot 2.0 深度实践】的课程,令人开心的是,课程完全免费! 什么是 Spring Boot? Spring Boot 是由 Pivotal 团队提供的全新框架。Spring Boot...

HoloLens2开发入门教程

本课程为HoloLens2开发入门教程,讲解部署开发环境,安装VS2019,Unity版本,Windows SDK,创建Unity项目,讲解如何使用MRTK,编辑器模拟手势交互,打包VS工程并编译部署应用到HoloLens上等。

最简单的倍频verilog程序(Quartus II)

一个工程文件 几段简单的代码 一个输入一个输出(50Mhz倍频到100Mhz)

计算机组成原理实验教程

西北工业大学计算机组成原理实验课唐都仪器实验帮助,同实验指导书。分为运算器,存储器,控制器,模型计算机,输入输出系统5个章节

4小时玩转微信小程序——基础入门与微信支付实战

这是一个门针对零基础学员学习微信小程序开发的视频教学课程。课程采用腾讯官方文档作为教程的唯一技术资料来源。杜绝网络上质量良莠不齐的资料给学员学习带来的障碍。 视频课程按照开发工具的下载、安装、使用、程序结构、视图层、逻辑层、微信小程序等几个部分组织课程,详细讲解整个小程序的开发过程

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

基于RSA通信密钥分发的加密通信

基于RSA通信密钥分发的加密通信,采用pycrypto中的RSA、AES模块实现

不同变质程度煤尘爆炸残留气体特征研究

为分析不同变质程度煤尘爆炸残留气体成分的特征规律,利用水平管道煤尘爆炸实验装置进行了贫瘦煤、肥煤、气煤、长焰煤4种不同变质程度的煤尘爆炸实验,研究了不同变质程度煤尘爆炸后气体残留物含量的差异,并对气体

设计模式(JAVA语言实现)--20种设计模式附带源码

课程亮点: 课程培训详细的笔记以及实例代码,让学员开始掌握设计模式知识点 课程内容: 工厂模式、桥接模式、组合模式、装饰器模式、外观模式、享元模式、原型模型、代理模式、单例模式、适配器模式 策略模式、模板方法模式、观察者模式、迭代器模式、责任链模式、命令模式、备忘录模式、状态模式、访问者模式 课程特色: 笔记设计模式,用笔记串连所有知识点,让学员从一点一滴积累,学习过程无压力 笔记标题采用关键字标识法,帮助学员更加容易记住知识点 笔记以超链接形式让知识点关联起来,形式知识体系 采用先概念后实例再应用方式,知识点深入浅出 提供授课内容笔记作为课后复习以及工作备查工具 部分图表(电脑PC端查看):

MySQL数据库面试题(2020最新版)

文章目录数据库基础知识为什么要使用数据库什么是SQL?什么是MySQL?数据库三大范式是什么mysql有关权限的表都有哪几个MySQL的binlog有有几种录入格式?分别有什么区别?数据类型mysql有哪些数据类型引擎MySQL存储引擎MyISAM与InnoDB区别MyISAM索引与InnoDB索引的区别?InnoDB引擎的4大特性存储引擎选择索引什么是索引?索引有哪些优缺点?索引使用场景(重点)...

软件测试2小时入门

本课程内容系统、全面、简洁、通俗易懂,通过2个多小时的介绍,让大家对软件测试有个系统的理解和认识,具备基本的软件测试理论基础。 主要内容分为5个部分: 1 软件测试概述,了解测试是什么、测试的对象、原则、流程、方法、模型;&nbsp; 2.常用的黑盒测试用例设计方法及示例演示;&nbsp; 3 常用白盒测试用例设计方法及示例演示;&nbsp; 4.自动化测试优缺点、使用范围及示例‘;&nbsp; 5.测试经验谈。

几率大的Redis面试题(含答案)

本文的面试题如下: Redis 持久化机制 缓存雪崩、缓存穿透、缓存预热、缓存更新、缓存降级等问题 热点数据和冷数据是什么 Memcache与Redis的区别都有哪些? 单线程的redis为什么这么快 redis的数据类型,以及每种数据类型的使用场景,Redis 内部结构 redis的过期策略以及内存淘汰机制【~】 Redis 为什么是单线程的,优点 如何解决redis的并发竞争key问题 Red...

手把手实现Java图书管理系统(附源码)

【超实用课程内容】 本课程演示的是一套基于Java的SSM框架实现的图书管理系统,主要针对计算机相关专业的正在做毕设的学生与需要项目实战练习的java人群。详细介绍了图书管理系统的实现,包括:环境搭建、系统业务、技术实现、项目运行、功能演示、系统扩展等,以通俗易懂的方式,手把手的带你从零开始运行本套图书管理系统,该项目附带全部源码可作为毕设使用。 【课程如何观看?】 PC端:https://edu.csdn.net/course/detail/27513 移动端:CSDN 学院APP(注意不是CSDN APP哦) 本课程为录播课,课程2年有效观看时长,大家可以抓紧时间学习后一起讨论哦~ 【学员专享增值服务】 源码开放 课件、课程案例代码完全开放给你,你可以根据所学知识,自行修改、优化

jsp+servlet入门项目实例

jsp+servlet实现班级信息管理项目

winfrom中嵌套html,跟html的交互

winfrom中嵌套html,跟html的交互,源码就在里面一看就懂,很简单

Java面试题大全(2020版)

发现网上很多Java面试题都没有答案,所以花了很长时间搜集整理出来了这套Java面试题大全,希望对大家有帮助哈~ 本套Java面试题大全,全的不能再全,哈哈~ 一、Java 基础 1. JDK 和 JRE 有什么区别? JDK:Java Development Kit 的简称,java 开发工具包,提供了 java 的开发环境和运行环境。 JRE:Java Runtime Environ...

python实现数字水印添加与提取及鲁棒性测试(GUI,基于DCT,含测试图片)

由python写的GUI,可以实现数字水印的添加与提取,提取是根据添加系数的相关性,实现了盲提取。含有两种攻击测试方法(高斯低通滤波、高斯白噪声)。基于python2.7,watermark.py为主

Xshell6完美破解版,亲测可用

Xshell6破解版,亲测可用,分享给大家。直接解压即可使用

你连存活到JDK8中著名的Bug都不知道,我怎么敢给你加薪

CopyOnWriteArrayList.java和ArrayList.java,这2个类的构造函数,注释中有一句话 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 public ArrayList(Collection&lt;? ...

相关热词 c#框体中的退出函数 c# 按钮透明背景 c# idl 混编出错 c#在位置0处没有任何行 c# 循环给数组插入数据 c# 多线程死锁的例子 c# 钉钉读取员工排班 c# label 不显示 c#裁剪影像 c#工作进程更新ui
立即提问