強制HTML畫布僅在某些圖形的某個區域上繪製

Question

我的目標是： 創建滾動文本，該文本不會跨過畫布內矩形的邊界。 部分文字應該部分顯示。然而我還沒有找到辦法來獲得這個。

我唯一能想到的就是像旋轉一樣的畫布設置，並且只在有限的區域內翻譯顯示圖紙，只要我不重置畫布的狀態即可。

我上傳的行爲應該是什麼地方的文字自右向左滾動一個例子（注意，「G」被切割爲需要）：

！抱歉，管理員不允許我上傳圖片，請參閱 http://jsdefense.sourceforge.net/rpsz/ex_rolling_text.jpg

另一種解決方案是將文本打印在全新的圖像上並在繪圖時切片？

Answer 1

您想在畫布上使用clipping。 MDC has an example。