Javascript HTML5 canvas clipRect无法正常工作

Fiddle链接：

打开上面的链接。我在一个矩形内绘制了两条样条线序列，当它从矩形中绘制出来时，我会将两条样条线剪切成矩形。如果使用clipRect选项，则样条线系列渲染不正确。如果我评论的话，它运行良好

以下小提琴输出图像是预期结果：

fiddle链接：

在这方面，我删除了clipRect选项

任何人请给出解决这个问题的想法。对于我的场景，每个系列都必须使用clipRect（）。所以我不能移除clipRect

谢谢，

---

Bharathi

记住在定义剪辑路径时也要使用

beginPath（）

，否则旧路径将作为剪辑的基础（例如，第一个剪辑遮罩的边框正方形和第二个剪辑遮罩的样条线）：

---

请记住在定义剪辑路径时也要使用

beginPath（）

，否则旧路径将作为剪辑的基础（例如，第一个剪辑遮罩的边框正方形和第二个剪辑遮罩的样条线）：

context.beginPath();
context.rect(47, 20, 833, 351);
context.clip();