ah right... are you saying the lines are not there when you view the repeating textures in xara ?
ah right... are you saying the lines are not there when you view the repeating textures in xara ?
-------------------------------
Nothing lasts forever...
Gary, as if I would ever suggest doing evens.
I have tried a number of approaches and I cannot force a vertical gap in any.
My main suggest would be to work off a page size of 1000x800px and set your dpi to 288.
Work as normal but finally select the resultant image, which will be 800px height and lock-change the height to 768px.
The final image will be at 300dpi.
Technically the width will be 169.8px but make your shape 170x800px for convenience (evens!).
The 300dpi version will be 163.2x768px so you will have a sub-pixel overlap rather than a gap.
The fuller way to achieve fractional pixel widths and positioning is to work with SVG and embedded images.
Create a box, 163x768px.
Placeholder body:
<svg width="100%" height="100%"> <image width="163" height="768" xlink:href="index_html_files/fred.png" />
</svg>
fred is also 163x768px. fred has to be on the page (underneath or some other hiding mechanism).
I get a single artefact in Chrome and none in MS Edge up to 500% scaling.
Are you sure what you are seeing is not just failures in your graphics card and browser to fully render properly?
Acorn
Last edited by Acorn; 13 April 2023 at 04:36 PM.
Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat
These are all good suggestions. But at the end of the day, I have a method that works and I will stick with it.
As I said, I was just blowing off steam.
Thanks for your ideas and suggestions.
Gary W. Priester
Mr. Moderator Emeritus Dude, Sir
gwpriester.com | eyetricks-3d-stereograms.com | eyeTricks on Facebook | eyeTricks on YouTube | eyeTricks on Instagram
it was a very kavetching post, if not cute already
if it helps the issue exits in other software too
a method that works is a thing to hold fast to
-------------------------------
Nothing lasts forever...
Marc, this is where the benefits of SVG shine. All your shapes would be rendered as SVG Paths and as such are more accurate that PNG positioning.
I assume your performed Combine Shape > Intersect All Shapes?
My design page then shows a very faint slice line that grows no wider up to max zoom.
When rendered the browser shows the cuts more roughly and the edges more around when scaling.
I cheated by adding some CSS:
<style>
.edging {
transform: scale(1.018);
}
</style>
The proper way to do it is to apply the feMorphology Filter Primitive, using a filter SVG:
<svg>
<filter id="blur">
<feMorphology in="SourceGraphic" operator="dilate" radius="0.5">
</feMorphology>
</filter>
</svg>
and applying some CSS to all the shapes as filter: url(#blur);.
Acorn
Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat
Bookmarks