我试图在一个非常大的画布上绘制一些简单的形状，但发现一个奇怪的情况，这些线条以某种方式断开连接。线条的两端应该在画布的最右侧相遇。
以下是代码：
<!DOCTYPE html>
<html>
<body>
<canvas id="myCanvas" width="30500" height="400" style="border:1px solid #d3d3d3;" />
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20, 100);
ctx.lineTo(30200, 200);
ctx.lineTo(20, 300);
ctx.stroke();
</script>
</body>
</html>
它在Chrome中运行得很好，但在IE11中却没有。
请帮忙。
谢谢