嘿，刚好有个超直接的解决方案，完全不需要用到Viewport！

你只需要给你的ColourRect开启内置的裁剪功能就行，步骤超简单：

• 选中节点树里的ColourRect节点
• 在右侧检查器面板中，找到CanvasItem分类下的clip_content属性
• 勾选这个属性，搞定！

开启这个属性后，所有作为ColourRect子节点的元素，只要超出ColourRect的矩形范围，超出的部分都会被自动裁剪掉——完全符合你想要的效果：底部圆圈保持完整，顶部圆圈超出深紫色框的部分会被截断。

如果之后你需要非矩形的裁剪区域（比如圆角、自定义形状），还可以给ColourRect添加ClippingShape2D资源来定义裁剪轮廓，但就你当前的需求来说，clip_content已经足够好用，简单高效。

内容的提问来源于stack exchange，提问作者Temmie19