错误报告：
我在反应项目中使用html2canvas。 我发现当html包含canvas元素时html2canvas不起作用。 画布区域将显示为空。
规格：
这是HTML图片
这是转换为画布图片
在画布区域中，我使用“ echarts-for-react”绘制雷达图。但是，当我单击“生成图片”按钮时，下载的图片不完整
- html2canvas版本经过测试：1.0.0-alpha.4
- 浏览器和版本：Chrome 60.0.3112.7
- 作业系统：Windows
mengwuhen
所有29条评论
我也有同样的问题。
bigfacewo
于 2017-12-13
您可以在jsfiddle上分享一个示例吗？
niklasvh
于 2017-12-13
同样的问题。 我在页面上有chartjs图形，它们不再呈现。 用于在以前的版本中渲染
outerbound
于 2017-12-14
我制造了一个小提琴来显示问题
https://jsfiddle.net/outerbound/v7p71wzr/
这不适用于chrome :(，我可以在safari中确认它是否有效:)
outerbound
于 2017-12-14
问题是在渲染之前删除容器表单DOM
ZeroGravity100500
于 2017-12-14
我也有同样的问题。 标记...
JasonDung
于 2017-12-15
也许html2canvas不能与gridstack.js一起
bigfacewo
于 2017-12-15
将Chart.js与vue（vue-chart.js）一起使用时遇到了同样的问题，并且仅在Chrome中发生
enanchen
于 2017-12-19
我有同样的问题，html2canvas不能与gridstack.js一起使用，当我将html2canvans与gridstack一起使用时，所有元素都堆叠在顶部。
wangyunzhu
于 2017-12-19
@ Nemo0915我用gridstack.js构建了一个jsfiddle ，但是效果很好。所以也许这不是gridstack.js的问题，但是我不太确定。
bigfacewo
于 2017-12-19
同样的问题，Firefox可以，但Chorme无法正常工作
ArrayZheng
于 2017-12-20
@bigfacewo感谢您的回复，这是jsfiddle的屏幕截图，该按钮也已堆叠在顶部，无论在FF还是Chrome中，结果都是相同的。
wangyunzhu
于 2017-12-20
@ Nemo0915我发现0.5.0- beta4版本正常工作， 
1.0.0-alpha4版本jsfiddle不能在chrome上运行，但是我没有发现元素堆叠在顶部的问题。 这是Firefox上的屏幕截图：
Chrome版本：63.0.3239.108
Firefox版本：57.0.2
bigfacewo
于 2017-12-20
您可以添加选项：removeContainer：false暂时修复此问题...。
IxAres
于 2017-12-20
谢谢@IxAres ，它解决了我的问题。
enanchen
于 2017-12-20
niklasvh
于 2017-12-21
我尝试添加removeContainer：false，但是在移动Chrome上仍然存在该问题
omeriko
于 2019-10-06
@niklasvh，它根本不起作用。 我正在使用此应用程序的1.0.0-rc.5版本。
nehachaudhary
于 2020-02-17
嘿，什么解决方案？
steele-cjf
于 2020-03-23
2020问题仍然存在。
MrG2333
于 2020-04-14
+1我也看到了这种行为。
nwoodhouse
于 2020-04-21
问题仍然存在
IAmRC1
于 2020-05-12
Chart.js和Firefox 76.0（64位）浏览器仍然存在问题
g0d0
于 2020-05-12
嘿，我在元素内的Mapbox遇到了同样的问题，请在这里提供帮助。
我也尝试过removeContainer：false，但是对我不起作用。
Rajeshgtstpl
于 2020-07-10
@Rajeshgtstpl我的preserveDrawingBuffer: true解决了它。
AchoArnold
于 2020-07-24
我没有使用Chart.js，但是在使用drawImage的画布上也遇到了同样的问题。 通过将image.crossOrigin ='anonymous'放在图像元素上，然后再将其传递给drawImage来解决此问题，如下所示：
image.crossOrigin = 'anonymous'
希望它可以帮助某人:)
andreassoegaard
于 2020-08-07
嗨，大家好，我遇到类似的画布导出问题，但是在Threejs场景中，有什么建议吗？ 我曾尝试使用v1.0.0-rc.7，但它导出了Threejs画布以外的所有内容。
编辑：我试图像这样添加在threejs画布中：
但是出现了这个错误：
tejasdotchavan
于 2020-08-26
@AchoArnold preserveDrawingBuffer: true为我为Mapbox工作，谢谢。
问题：您是否注意到性能影响？
jimmyangel
于 2020-10-14
我没有使用Chart.js，但是在使用drawImage的画布上也遇到了同样的问题。 通过将image.crossOrigin ='anonymous'放在图像元素上，然后再将其传递给drawImage来解决此问题，如下所示：
image.crossOrigin = 'anonymous'希望它可以帮助某人:)
它救了我一命
Nurbek0525
于 2020-11-11
相关问题
wbarrantes
·
3评论
rrutkows
·
4评论
yasergh
·
5评论
arzyu
·
3评论
bishwapoudel
·
4评论
最有用的评论
我尝试添加removeContainer：false，但是在移动Chrome上仍然存在该问题