HTML5畫布clipRect工作不正常

Question

Fiddle Link:http://jsfiddle.net/rorLnaqt/3/

打開上面的鏈接。我在矩形內繪製兩個樣條曲線，當它從矩形中繪製出來時，剪裁兩個樣條曲線。如果我使用clipRect選項，則樣條線系列渲染不正確。如果我評論它工作正常。

的下面小提琴輸出圖像預期的結果：

fiddle Link:http://jsfiddle.net/rorLnaqt/4/

在這我已刪除clipRect選項。

任何人都請給出解決這個問題的想法。對於我的場景，clipRect（）必須用於每個系列。所以我不能刪除clipRect。

謝謝， Bharathi

Answer 1

記住定義剪輯路徑時也使用beginPath()，否則舊路徑將作爲剪輯的基礎上（例如，用於第一剪輯掩模和花鍵用於第二邊界方剪裁蒙）：

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

Updated fiddle