GraphicsView renders content outside of view

[epsmae]

Description

On Android If a Graphics View with a requested width and height is used and the content is scaled, the content is rendered outside of the view's dimensions. Additionally there seems to be an issue with text scaling (XAML Live Preview looks fine but on device not).
I also observed that on android the render cycle is called infinitely without calling invalidate whereas on windows/ios it is only called once, this is may connected.

Steps to Reproduce

1. Clone Graphics view Sample https://github.com/dotnet/maui-samples/tree/main/6.0/UserInterface/Views/GraphicsViewDemos/GraphicsViewDemos
2. Open ScaleTransformPage.xaml adjust width and height to 200
3. Open ScaleTransformDrawable and add folowing to the start of the Draw method:

canvas.FillColor = Colors.LightGray;
canvas.FillRectangle(dirtyRect);

4. Open ScaleTransformDrawable and increase scale to 3
5. Observe that the second round rectangle is rendered outside of the view dimensions (gray background)

6. Observe that on windows it looks fine
   

Version with bug

6.0.400

Last version that worked well

Unknown/Other

Affected platforms

Android

Affected platform versions

Android 12

Did you find any workaround?

No but may I have to use skia sharp

Relevant log output

No response

[pierre01]

I got a similar issue and the way I could solve it is by clipping the canvas to the same size as the GraphicsView. in the IDawable class .... something like
canvas.ClipRectangle(0,0,400,400); (size of the GraphicsView)

[kj4bix]

I have the same problem on Windows - it doesn't clip the graphics a the graphicsview edges. This is the result of a pan.

[Zhanglirong-Winnie]

Verified this issue with Visual Studio Enterprise 17.8.0 Preview 1.0. Can repro on android platform with sample project.
https://github.com/dotnet/maui-samples

[DeanZhuo]

Still got the same issue.

I got a similar issue and the way I could solve it is by clipping the canvas to the same size as the GraphicsView. in the IDawable class .... something like canvas.ClipRectangle(0,0,400,400); (size of the GraphicsView)

adding this at the top helps, and also gives me an exception on windows
After calling CanvasDrawingSession.CreateLayer, you must close the resulting CanvasActiveLayer before ending the CanvasDrawingSession.