1 Attachment(s)
Re: Better Tiling Backgrounds
Quote:
Originally Posted by
gwpriester
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: Attachment 130071
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
2 Attachment(s)
Re: Better Tiling Backgrounds
1 Attachment(s)
Re: Better Tiling Backgrounds
Quote:
Originally Posted by
gwpriester
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?
Attachment 130075
Acorn
1 Attachment(s)
Re: Better Tiling Backgrounds
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
Re: Better Tiling Backgrounds
Quote:
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?
Re: Better Tiling Backgrounds
Quote:
Originally Posted by
gwpriester
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
Re: Better Tiling Backgrounds
Quote:
Originally Posted by
gwpriester
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
2 Attachment(s)
Re: Better Tiling Backgrounds
Re: Better Tiling Backgrounds
Quote:
Originally Posted by
gwpriester
'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
Re: Better Tiling Backgrounds