clipToViewport needs to take into account the resolution of the root …

…renderer. (pixijs#11052)

src/filters/FilterSystem.ts

@@ -253,18 +253,16 @@ export class FilterSystem implements System
         // here we constrain the bounds to the viewport we will render too
         // this should not take into account the x, y offset of the viewport - as this is
         // handled by the viewport on the gpu.
-        // need to factor in resolutions also..
-        bounds
-            .scale(resolution);
-
         if (clipToViewport)
         {
             const viewPort = renderer.renderTarget.rootViewPort;
 
             bounds.fitBounds(0, viewPort.width, 0, viewPort.height);
         }
 
+        // round the bounds to the nearest pixel
         bounds
+            .scale(resolution)
             .ceil()
             .scale(1 / resolution)
             .pad(padding | 0);

tests/visual/scenes/filters/clip-top-viewport/clip-to-viewport.scene.ts

@@ -36,6 +36,8 @@ export const scene: TestScene = {
                 vertex: circleVert,
                 fragment: circleFrag,
             },
+            resolution: 2,
+
         });
 
         sprite.filters = customFilter;