Better Tiling Backgrounds

[Acorn]

I just tried this with 168 x 195 and it works fine.
But nesting the hexagons together creates a pixelated amount.

Gary, is that the Xara QuickShape Hexagons?

If it is my construction then I have tried with this: SVG - Cubes.xar

I did get some very faint lines appearing at some Zoom values across the cut Blue face so I simply added a blue background.
These will be browser and graphic card artefacts that usually only appear at scale so use a small background-size also sorts this.

Acorn

[gwpriester]

Making Waves http://gwpriester.xara.hosting/SVG%2...kground%20VII/

[Acorn]

Making Waves http://gwpriester.xara.hosting/SVG%2...kground%20VII/

Gary, take a risk and remove the light green backing. Make it transparent; SVGs can handle transparency.
Then add a background-color of #d3edff.
The current vertical white lines will be blended out.

Are your slicing with a 0px Line Width?

Wavy.xar

Acorn

[Egg Bramhill]

Great posts going on here. I've persevered with the Esher type tiling lizards and finally created an svg version. Getting the repeating rectangle sizing was difficult.

My source for this was http://www.seanmichaelragan.com/html...ctor_art.shtml

Here's the final version:

LINK

[gwpriester]

Gary, take a risk and remove the light green backing. Make it transparent; SVGs can handle transparency.

Where does the background color go in the script?

[Initiostar]

Where does the background color go in the script?

This is how I've done it for my example:

<style>
html {
background-colour: #c1f9c1;
background-image:url(index_htm_files/box.svg);
background-attachment: fixed;
background-position: center top;
background-repeat: repeat;
background-blend-mode: normal;
background-size: 20px;
}
</style>

e.g. https://initiostar.co.uk/demo/svgBg/ -there is a linear transparent rectangle to the shape.

Gary

[Acorn]

Where does the background color go in the script?

Gary, think of it as a layer cake, the plate (background-color) comes first.
If you add many SVGs, you separate with commas for each attribute and the first is at the bottom, building up.

Acorn

[gwpriester]

Background script not working for me. http://gwpriester.xara.hosting/SVG%2...ground%20VIII/

[Acorn]

Background script not working for me. http://gwpriester.xara.hosting/SVG%2...ground%20VIII/

'cos you went proper British English with 'background-colour' - you need to switch back to American English - use background-color.

Cleans up nice when applied!

Acorn

[gwpriester]

That's the last time I listen to the other Gary. http://gwpriester.xara.hosting/SVG%2...ground%20VIII/