A simple website using HTML5 canvas and Javascript to add repeating watermarks to images. Useful for demonstrative AI generated images to prevent third party abuse.

Font size is calculated image dimensions and the length of the watermark text. User car further increase or reduce font size using a slider.

The X and Y values, the spacing and the frequency of the watermark text is also calculated based on the diagonal lenght of the image. Y-frequency (ie. how many lines of text is drawn) can be manually adjusted.

Context menu is disabled to prevent the user from accidentally saving the image as .png to avoid conflict with certain content management systems.

Canvas behaviour is partly generated by ChatGPT.

Background pattern source: https://www.magicpattern.design/tools/css-backgrounds