SVG compatibility issue

ash-f

This file will be broken in VectorStyler.
Inkscape shows it correctly.
https://www.logo.wine/logo/Instagram

Though it might be difficult one.
Illustrator - shows nothing.
AffinityDesigner - the shape is correct but gradients are incorrect.

VectorStyler

@ash-f Problem replicated. I will try to fix it.

Ingolf

@vectoradmin said in SVG compatibility issue:

@ash-f Problem replicated. I will try to fix it.

Just being evil now I remember some programs struggled with this one:
https://upload.wikimedia.org/wikipedia/en/a/ae/Flag_of_the_United_Kingdom.svg

I don't have any interest in a fix for this but perhaps there are some lessons and knowlegde codewise to be learned from this SVG. I remember the Instagram logo also was difficult to import for some programs.

VectorStyler

@Ingolf This is good, as it helps identify (and fix) issues.
If there are any of these difficult SVGs, please postthem!

freggern

I had problems in the past with existing arrows in a svg file and the rotation/size at the marker-end. Must be checked with marker-start, marker-mid, too.

for example:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 350 100">
  <defs>
    <marker id="arrowhead" markerWidth="10" markerHeight="7" 
    refX="0" refY="3.5" orient="auto">
      <polygon points="0 0, 10 3.5, 0 7" />
    </marker>
  </defs>
<line x1="0" y1="0" x2="250" y2="50" 
	stroke="#000" stroke-width="8" 
	marker-end="url(#arrowhead)" />
</svg>

VectorStyler

@freggern Is this when importing into VS?
(or is it exported by VS?)

freggern

It happend when importing the svg to VS.

left(Firefox), right(VS)

VectorStyler

@ash-f SVG compatibility has been improved in 1.1.002

One note: SVG markers are not (yet) translated to VS arrows. Instead, these are imported as regular objects.

freggern

I tested the arrow (see code above) and the arrow head, have the wrong rotaton. Looks like mirrord.

VectorStyler

@freggern Keep this issue open.

freggern

The rotation is in the newest version fixed. But when i want resize the box of the rotated element the element loose the rotation information.
alt text

freggern

@freggern said in SVG compatibility issue:

I tested the arrow (see code above) and the arrow head, have the wrong rotaton. Looks like mirrord.

Thx for fixing the drag und drop on windows. I found a new issue: When you create a new document and add the arrow-file per drag and drop to the empty document it will add the arrow with the wrong rotated head. Open it as a "new file" per drag and drop work correct.

freggern

Scaling of the arrow doesn't work as aspected:
alt text

VectorStyler

@freggern said in SVG compatibility issue:

@freggern said in SVG compatibility issue:
When you create a new document and add the arrow-file per drag and drop to the empty document it will add the arrow with the wrong rotated head.

Replicated this one. I will keep the issue open.

VectorStyler

@freggern said in SVG compatibility issue:

Scaling of the arrow doesn't work as aspected:

This can also be replicated.

VectorStyler

@freggern SVG compatibility has been improved in build 1.1.008

freggern

thx, tested!