fiddle 链接: http://jsfiddle.net/rorLnaqt/3/
打开上面的链接。我在一个矩形内绘制了两个样条线系列，并在从矩形中绘制时剪辑了两个样条线。如果我使用clipRect选项，样条线系列无法正确渲染。如果我评论它工作正常。
下面的 fiddle 输出图像是预期结果:
fiddle 链接: http://jsfiddle.net/rorLnaqt/4/
因为我已经删除了clipRect选项。
任何人请给出解决这个问题的想法。对于我的场景，每个系列都必须使用 ClipRect() 。所以我无法删除clipRect。
谢谢， 巴拉蒂
最佳答案
记住在定义剪辑路径时也使用 beginPath() ，否则旧路径将作为剪辑的基础(例如第一个剪辑蒙版的边框正方形和第二个剪辑蒙版的样条线)剪辑蒙版):
context.beginPath();
context.rect(47, 20, 833, 351);
context.clip();
<强> Updated fiddle
关于javascript - HTML5 Canvas ClipRect 无法正常工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30094773/