VectorStyler
    • Categories
    • Unread
    • Recent
    • Tags
    • Popular
    • Register
    • Login

    SVG compatibility issue

    Scheduled Pinned Locked Moved Resolved Issues
    17 Posts 4 Posters 15.5k Views 3 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • VectorStylerV Offline
      VectorStyler @ash-f
      last edited by

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

      IngolfI 1 Reply Last reply Reply Quote 1
      • IngolfI Offline
        Ingolf @VectorStyler
        last edited by 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.

        🍏 macOS Sequoia Apple Silicon

        VectorStylerV 1 Reply Last reply Reply Quote 1
        • VectorStylerV Offline
          VectorStyler @Ingolf
          last edited by

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

          1 Reply Last reply Reply Quote 1
          • F Offline
            freggern
            last edited by

            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>
            
            VectorStylerV 1 Reply Last reply Reply Quote 0
            • VectorStylerV Offline
              VectorStyler @freggern
              last edited by

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

              1 Reply Last reply Reply Quote 0
              • F Offline
                freggern
                last edited by

                It happend when importing the svg to VS.
                0_1640269383009_Unbenannt.jpg
                left(Firefox), right(VS)

                1 Reply Last reply Reply Quote 1
                • VectorStylerV Offline
                  VectorStyler @ash-f
                  last edited by

                  @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.

                  1 Reply Last reply Reply Quote 0
                  • F Offline
                    freggern
                    last edited by

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

                    VectorStylerV F 2 Replies Last reply Reply Quote 0
                    • VectorStylerV Offline
                      VectorStyler @freggern
                      last edited by

                      @freggern Keep this issue open.

                      1 Reply Last reply Reply Quote 0
                      • F Offline
                        freggern
                        last edited by

                        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

                        1 Reply Last reply Reply Quote 0
                        • F Offline
                          freggern @freggern
                          last edited by

                          @freggern said in SVG compatibility issue:

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

                          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.

                          VectorStylerV 1 Reply Last reply Reply Quote 0
                          • F Offline
                            freggern
                            last edited by

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

                            VectorStylerV 2 Replies Last reply Reply Quote 0
                            • VectorStylerV Offline
                              VectorStyler @freggern
                              last edited by

                              @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.

                              1 Reply Last reply Reply Quote 0
                              • VectorStylerV Offline
                                VectorStyler @freggern
                                last edited by

                                @freggern said in SVG compatibility issue:

                                Scaling of the arrow doesn't work as aspected:

                                This can also be replicated.

                                1 Reply Last reply Reply Quote 0
                                • VectorStylerV Offline
                                  VectorStyler @freggern
                                  last edited by

                                  @freggern SVG compatibility has been improved in build 1.1.008

                                  1 Reply Last reply Reply Quote 0
                                  • F Offline
                                    freggern
                                    last edited by

                                    thx, tested!

                                    1 Reply Last reply Reply Quote 0
                                    • First post
                                      Last post