js 图表转图片

最近项目上有个需求，是将一些teechart做的图表转换成图片插入自动生成的PDF里，Teechart绘图和如何生成PDF这些这里就不说了，这个任务比较别扭的一点是，图表自动生成，且整个过程中页面不能显示图表。这就有点尴尬了。后来查找资料，最终以页面外（不可见区域）生成图表，转换成图片这种形式实现。话不多说，直接上代码。

页面HTML

1 <view style="position:fixed;top:999999999999999999999px;">
2 <canvas id="canvasWave" width="1200px" height="450px">
3 This browser does not seem to support HTML5 Canvas.
4 </canvas>
5 </view>

JS代码

var canvas = document.getElementById('canvasWave');
var dataURL = canvas.toDataURL();//base64格式图片