At what size is a placed svg file placed please?

[William Overington]

At what size is a placed svg file placed please?

I made an svg file at 5 inches tall and 15 inches wide, font converted to curves, but when placed onto a new A3 landscape page, it was bigger.

I tried it on an A0 page and it was bigger there too.

I had thought that it would fit on A3 landscape and that I could use it at 70% on A4 landscape.

I can work around it, but I am wondering why it is so big rather than 5 inches tall and 15 inches wide.

William
 

[dutchshader]

Do both files have the same dpi settings?

[markw]

That’s curious?
Whenever I place a vector file into another document, using the single click to place method, the file is always placed at it’s original size within the receiving document.
In the Transform panel what dimensions are given for the newly placed SVG file compared to it's size if just opened on it's own?

[William Overington]

The svg files are now available in the Share your work section.

https://forum.affinity.serif.com/index.php?/topic/117720-language-independent-symbols-for-welcome-and-for-thank-you-for-visiting/

William

 

[markw]

The ‘Welcome’ & ‘Thank You’ SVGs both appear to have been made at 47.917” x 14.583”.
So they are displaying at their correct sizes.

[v_kyr]

For SVG it's generally essentiell here to know at least a little bit of the following about it, in order to make a good use out of it ...

• Understanding SVG Coordinate Systems and Transformations (Part 1) — The viewport, viewBox, and preserveAspectRatio

• Understanding SVG Coordinate Systems and Transformations (Part 2) — The transform Attribute

• Understanding SVG Coordinate Systems and Transformations (Part 3) — Establishing New Viewports

... and ...

• Coordinate Systems, Transformations and Units

[William Overington]

Thank you.

At present I simply have no idea how that happened.

I chose an A3 landscape preset, but before generating the document I set (at least I thought I set) it to 5 inches high and 15 inches wide, then I drew a full page text box hnd added the symbol at 288 point and a six point space above it, all text centred.

When I exported I found I neeed to select the text box so as to be able to get  a transparent backbround, and the result hugged the printing parts of the glyph rather than being the size of the text box.

The svg on its own here measured 1050 pixels high by 3450 pixels wide. In the font it is in an area three times wider than high, and that is 8x256 font unit cells by 24x256 font unit cells, and the printed area is 7 cells high hand 23 cells wide, often treated as 7,1,7,1,7 in the glyph designs.

1050/7 is 150 and 3450/23 is 150

At present I have no idea where the 150 comes from.

You mention 14.583.

1050/14.583 is 72.001646, so it looks like 72 has something to do with it, as I used the font at 288 point and 288 is 72x4.

William

 

[lepr]

5 hours ago, William Overington said:

The svg files are now available in the Share your work section.

https://forum.affinity.serif.com/index.php?/topic/117720-language-independent-symbols-for-welcome-and-for-thank-you-for-visiting/

William

 

Your SVGs are specified as 3450 x 1050 px, so their unscaled size in inches depends on the pixel density of the Affinity document in which they are placed.

Edit: sorry for misinformation.

Edited June 6, 2020 by anon2

[William Overington]

14 minutes ago, anon2 said:

Your SVGs are specified as 3450 x 1050 px, so their unscaled size in inches depends on the pixel density of the Affinity document in which they are placed.

It appears to be 300 dots per inch in the documents from which I produced the svg files.

In Windows, type size p points used to be, maybe still is, 4p/3 pixels on the screen.

So, 288 point type is 384 pixels for 2048 font units for this font and the printing part of the glyph is 1792 font units high, so 336 pixels of ink high.

1050/336 is 3.125 exactly. So, is that significant in some way?

William
 

[v_kyr]

• Welcome.svg
   

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 3450 1050" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
    <g transform="matrix(1,0,0,1,-450,-242.68)">
        <g transform="matrix(1200,0,0,1200,450,1292.68)">
            <path d="M2.875,-0.875L2.875,-0.75L0.438,-0.75C0.351,-0.75 0.278,-0.719 0.217,-0.658C0.156,-0.597 0.125,-0.524 0.125,-0.438C0.125,-0.351 0.156,-0.278 0.217,-0.216C0.278,-0.155 0.351,-0.125 0.438,-0.125C0.524,-0.125 0.597,-0.155 0.659,-0.216C0.72,-0.278 0.75,-0.351 0.75,-0.438L0.875,-0.438C0.875,-0.317 0.832,-0.214 0.747,-0.128C0.661,-0.043 0.558,0 0.438,0C0.317,0 0.214,-0.043 0.128,-0.128C0.043,-0.214 0,-0.317 0,-0.438C0,-0.558 0.043,-0.661 0.128,-0.747C0.214,-0.832 0.317,-0.875 0.438,-0.875L2.875,-0.875Z" style="fill:rgb(0,0,255);fill-rule:nonzero;"/>
        </g>
    </g>
</svg>

• Thank_you_....svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 3450 1050" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
    <g transform="matrix(1,0,0,1,-450,-242.68)">
        <g transform="matrix(1200,0,0,1200,450,1292.68)">
            <path d="M2.875,-0.875L2.875,-0.75L2.437,-0.75C2.351,-0.75 2.277,-0.719 2.217,-0.659C2.156,-0.597 2.125,-0.524 2.125,-0.438C2.125,-0.351 2.156,-0.278 2.217,-0.217C2.278,-0.156 2.351,-0.125 2.438,-0.125C2.524,-0.125 2.597,-0.156 2.659,-0.217C2.72,-0.278 2.75,-0.351 2.75,-0.438L2.875,-0.438C2.875,-0.317 2.832,-0.214 2.747,-0.128C2.661,-0.043 2.558,0 2.438,0C2.317,0 2.214,-0.043 2.128,-0.128C2.043,-0.214 2,-0.317 2,-0.438C2,-0.558 2.043,-0.661 2.128,-0.747C2.129,-0.748 2.13,-0.749 2.131,-0.75L0.438,-0.75C0.351,-0.75 0.278,-0.719 0.217,-0.658C0.156,-0.597 0.125,-0.524 0.125,-0.438C0.125,-0.351 0.156,-0.278 0.217,-0.216C0.278,-0.155 0.351,-0.125 0.438,-0.125C0.524,-0.125 0.597,-0.155 0.659,-0.216C0.72,-0.278 0.75,-0.351 0.75,-0.438L0.875,-0.438C0.875,-0.317 0.832,-0.214 0.747,-0.128C0.661,-0.043 0.558,0 0.438,0C0.317,0 0.214,-0.043 0.128,-0.128C0.043,-0.214 0,-0.317 0,-0.438C0,-0.558 0.043,-0.661 0.128,-0.747C0.214,-0.832 0.317,-0.875 0.438,-0.875L2.875,-0.875Z" style="fill:rgb(0,0,255);fill-rule:nonzero;"/>
        </g>
    </g>
</svg>

 

[William Overington]

1 hour ago, William Overington said:

In Windows, type size p points used to be, maybe still is, 4p/3 pixels on the screen.

So, 288 point type is 384 pixels for 2048 font units for this font and the printing part of the glyph is 1792 font units high, so 336 pixels of ink high.

That now seems irrelevant here.

The 288 point type is 4 inches high which at 300 dots per inch is 1200 pixels, and the printing part of that is 7/8 (=1792/2048) of 1200 is 1050 and the width of 3450 pixels is 23/24 of 3600 (=3x1200) as the overall glyph cell is 3 times wide as high. So the svg is correct.

So the question is as follows.

Why, when placed, does it go beyond the edge of a landscape Ledger size or A3 size document that is set up at 300 dots per inch?

William

[William Overington]

1 hour ago, v_kyr said:

• Welcome.svg
   

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 3450 1050" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
    <g transform="matrix(1,0,0,1,-450,-242.68)">
        <g transform="matrix(1200,0,0,1200,450,1292.68)">
            <path d="M2.875,-0.875L2.875,-0.75L0.438,-0.75C0.351,-0.75 0.278,-0.719 0.217,-0.658C0.156,-0.597 0.125,-0.524 0.125,-0.438C0.125,-0.351 0.156,-0.278 0.217,-0.216C0.278,-0.155 0.351,-0.125 0.438,-0.125C0.524,-0.125 0.597,-0.155 0.659,-0.216C0.72,-0.278 0.75,-0.351 0.75,-0.438L0.875,-0.438C0.875,-0.317 0.832,-0.214 0.747,-0.128C0.661,-0.043 0.558,0 0.438,0C0.317,0 0.214,-0.043 0.128,-0.128C0.043,-0.214 0,-0.317 0,-0.438C0,-0.558 0.043,-0.661 0.128,-0.747C0.214,-0.832 0.317,-0.875 0.438,-0.875L2.875,-0.875Z" style="fill:rgb(0,0,255);fill-rule:nonzero;"/>
        </g>
    </g>
</svg>

• Thank_you_....svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 3450 1050" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
    <g transform="matrix(1,0,0,1,-450,-242.68)">
        <g transform="matrix(1200,0,0,1200,450,1292.68)">
            <path d="M2.875,-0.875L2.875,-0.75L2.437,-0.75C2.351,-0.75 2.277,-0.719 2.217,-0.659C2.156,-0.597 2.125,-0.524 2.125,-0.438C2.125,-0.351 2.156,-0.278 2.217,-0.217C2.278,-0.156 2.351,-0.125 2.438,-0.125C2.524,-0.125 2.597,-0.156 2.659,-0.217C2.72,-0.278 2.75,-0.351 2.75,-0.438L2.875,-0.438C2.875,-0.317 2.832,-0.214 2.747,-0.128C2.661,-0.043 2.558,0 2.438,0C2.317,0 2.214,-0.043 2.128,-0.128C2.043,-0.214 2,-0.317 2,-0.438C2,-0.558 2.043,-0.661 2.128,-0.747C2.129,-0.748 2.13,-0.749 2.131,-0.75L0.438,-0.75C0.351,-0.75 0.278,-0.719 0.217,-0.658C0.156,-0.597 0.125,-0.524 0.125,-0.438C0.125,-0.351 0.156,-0.278 0.217,-0.216C0.278,-0.155 0.351,-0.125 0.438,-0.125C0.524,-0.125 0.597,-0.155 0.659,-0.216C0.72,-0.278 0.75,-0.351 0.75,-0.438L0.875,-0.438C0.875,-0.317 0.832,-0.214 0.747,-0.128C0.661,-0.043 0.558,0 0.438,0C0.317,0 0.214,-0.043 0.128,-0.128C0.043,-0.214 0,-0.317 0,-0.438C0,-0.558 0.043,-0.661 0.128,-0.747C0.214,-0.832 0.317,-0.875 0.438,-0.875L2.875,-0.875Z" style="fill:rgb(0,0,255);fill-rule:nonzero;"/>
        </g>
    </g>
</svg>

 

I just tried placing it on an ANSI E landscape document 44 inches wide and the svg was placed a bit wider in size.

Is this a bug or have I missed something?

William
 

[v_kyr]

6 minutes ago, William Overington said:

44 inches wide and the svg was placed a bit wider in size

Hmm 44 inches should be around 4224 px, but ...

Quote

Note that the width of the viewport can also be set in CSS to any value. For example, setting width: 100% will make the SVG viewport fluid in a document. Whatever value of the viewBox, it will then be mapped to the computed width of the outer SVG element.

You can try to alter the width/height percentage setting instead to other length unit identifiers like: em, ex, px, pt, pc, cm, mm, in, or leave them out in order to see if that makes for Affinity a difference then too.

[dutchshader]

I have had the same problem when expoting a svg for a cameo silhouette cutter. Unchecking " set viewport" on export solved is.

it is under the more options on export

[lepr]

1 hour ago, William Overington said:

I just tried placing it on an ANSI E landscape document 44 inches wide and the svg was placed a bit wider in size.

Is this a bug or have I missed something?

William
 

What seems to be happening is that Affinity is not considering the pixel density of the document in which the SVG is being placed, and is simply equating 1 px of the SVG to 1 pt (1/72th inch), and so the 3450 px wide SVG is placed with a width of 47.917 inches.

This is not what I expected to be happening when replying earlier. I normally check things before posting, but was lazy today. Sorry.

 

 

[William Overington]

On 6/6/2020 at 3:49 PM, dutchshader said:

I have had the same problem when expoting a svg for a cameo silhouette cutter. Unchecking " set viewport" on export solved is.

it is under the more options on export

Thank you.
I have now tried that but it does not seem to make any difference.
I will try to report it as a possible bug.
William
 

[William Overington]

23 minutes ago, William Overington said:

Thank you.
I have now tried that but it does not seem to make any difference.
I will try to report it as a possible bug.
William
 

Now reported.

https://forum.affinity.serif.com/index.php?/topic/117836-importing-into-affinity-publisher-an-svg-file-made-using-affinity-publisher/

William

 

[tymcat]

Hi, I am having a very similar issue, posted in another thread from April 2018:

Tymcat