hide-if-canvas-contains

The hide-if-canvas-contains hides a canvas element, or a parent element specified by the selector parameter, if the canvas contains the specified search term in it.

We override the fillText and strokeText canvas methods. When a website uses this functions, it won’t use the native functions but instead use our overriden proxy. This allows us to know when a website writes a text we are interested in (Sponsored, Advertised etc.) to the and hide the ad.

Parameters

Name	Description	Mandatory	Default
search	String or regex pattern that will be searched in fillText and strokeText	Yes	-
selector	The selector identifies the HTML element to hide. This can be the canvas element itself or a parent of the canvas. Defaults to the element if not provided.	No	canvas

Filter examples

The following table lists examples that use the hide-if-canvas-contains snippet:

Filter	Result
hide-if-canvas-contains /sponsored/	Hides any canvas element whose text content matches sponsored and has been added with a fillText or strokeText call.
hide-if-canvas-contains /sponsored/ .canvas-parent	Hides any HTML element with a class class-parent that contains a canvas element whose text content matches sponsored and has been added with a fillText or strokeText call.