jgraph / svg2xml Goto Github PK

SVG to XML mxGraph stencil definition translation tool

License: Apache License 2.0

Java 100.00%

svg stencil

svg2xml's Introduction

svg2xml

SVG to XML mxGraph stencil definition translation tool. This was created for internal use, so there are lots of things unfinished.

To compile and run this, use ant or the commands below.

Compile

mkdir classes
javac -d classes -classpath lib/mxgraph-core.jar -sourcepath src src/com/mxgraph/svg2xml/Svg2XmlGui.java

Run

java -classpath lib/mxgraph-core.jar:classes com.mxgraph.svg2xml.Svg2XmlGui

Quick start quide

Run Svg2XmlGui. The left file system defines what files or folders you want to convert. The right one, defines the destination.

If you select one file, a single stencil XML file will be generated for just that one stencil.

If you select multiple files, a single stencil XML file will be generated for the selected stencils. So those stencils will be one library.

If you select a folder, all the files in the folder and all subfolders will be processed. Every folder will get one library created. So at the destination, all folders from the source path will be recreated and libraries will be named after folder names.

Options

NOTE: most of the options aren't implemented yet (as noted in the UI). Also some of the options are not thorougly tested.

Calculate border

If checked, stencil borders will be calculated based on content. If unchecked, the borders or viewpoint defined in the SVG will be used.

Use relative scaling

If other than 1.00, the resulting stencils will be bigger or smaller compared to the source.

Round coordinates

If you want to reduce the size, with some compromise to precision, use rounding. For stencils bigger than 100x100 rounding to 2 decimal points is usually a decent choice.

svg2xml's People

Contributors

Stargazers

Watchers

svg2xml's Issues

add option for fixed/variable aspect

dialog on completing conversion

A dialog informing the user that the conversion is successfully completed. It also displays the destination path.

add support for manual setting of bounds (a rect with a custom ID)

Change fill color of imported SVG

Seems like it's not possible to change fill color of an imported SVG (using svg2xml), only it's border color.

https://gyazo.com/ea850d6924cabcb4452b4f7d504b6d66

Any tips on how I can change it's fill color?

Exception

Asked in google group here: https://groups.google.com/g/drawio/c/iwRh9zaH3A4
Any suggestion on cause and fix or workaround for this exception running sv2xml tool on this svg with default options:

Exception in thread "AWT-EventQueue-0" java.lang.StringIndexOutOfBoundsException: String index out of range: 0

at java.lang.String.charAt(String.java:658)

at com.mxgraph.svg2xml.Svg2Xml.getAvgGradientColor(Svg2Xml.java:1465)

at com.mxgraph.svg2xml.Svg2Xml.parseFillDefs(Svg2Xml.java:1388)

at com.mxgraph.svg2xml.Svg2Xml.parseFillDefs(Svg2Xml.java:1392)

at com.mxgraph.svg2xml.Svg2Xml.parseFills(Svg2Xml.java:1305)

at com.mxgraph.svg2xml.Svg2Xml.flattenSvg(Svg2Xml.java:1292)

at com.mxgraph.svg2xml.Svg2Xml.<init>(Svg2Xml.java:317)

at com.mxgraph.svg2xml.Svg2XmlGui.actionPerformed(Svg2XmlGui.java:253)

No instructions on how to launch

I understand you say "run it as a java application" but could you be more clear? There is no launchable file that I can find. Any direction you can provide to get this running would be very much appreciated.

How to run

java version "1.8.0_66"
Java(TM) SE Runtime Environment (build 1.8.0_66-b18)
Java HotSpot(TM) 64-Bit Server VM (build 25.66-b18, mixed mode)

Following command "java -jar mxgraph-core.jar" does not lounch app

Could you help?

Resulting icon looks corrupted not matching input icon

Several attempts but unable to get slisor.svg to look correct after running this svg thru svg2xml with normalize size of x=32px and y=32px.

In the zip:

slisor.svg is the original icon.
slisor-screen-capture-of-svg.png is the expected rendition of the svg directly.
slisor-screen-capture-after-svg2ml.png is the resulting icon in the xml after rendering the xml in draw.io.

Is this a problem in svg2xml that can be fixed or what is causing this?

Thanks!

slisor-issue-110621.zip

handle multiple close paths (use only one)

Example: mxGraph.aws3d.Client

Start but nothing happens

Terminal sits at "parsing Blog using 0 configs" even though I have some things checked.

Import SVG with separate layers

Is it possible to import an SVG with SEPARATE LAYERS, and have each layer as a INDIVIDUAL SHAPE inside mxgraph?

Generates xml into wrong folder

System:
Ubuntu 16.04,

What I did:
I have /home/astulov/Downloads/stencils with svg-files and /home/astulov/Downloads/stencils-xml/.
I set first path as source folder and second path - as destination folder. You can see it here:

Click Start.

What is expected:
xml-file with converted svg's in /home/astulov/Downloads/stencils-xml/

What I get:
No xml-files in /home/astulov/Downloads/stencils-xml/, but generated totally different folder
/home/astulov/downloads/stencils-xmlome/astulov/downloads with correct xml-file. You can see it here:

Import SVG preserving text (editable, not outlined)

Is it possible to import an SVG (with text editable, not outlined), and have the text editable inside Mxgraph?

add support for styles declared via stx like for AWS svgs (style classes)

Extra box often created not in original svg

For svg files that are converted to xml, svg2xml (latest version) with default options (same result by unchecking the calculate border) adds an extra box to the end of each icon in the xml:

    <rect h="32" w="32" x="0.005" y="0"/>
    <fillstroke/>
    </foreground>
</shape>

This is an example svg that results in the above extra rect stmt at end of xml (extra square covers entire icon in this case):

<svg id="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><defs><style>.cls-1{fill:none;}</style></defs><title>user</title><path d="M16,4a5,5,0,1,1-5,5,5,5,0,0,1,5-5m0-2a7,7,0,1,0,7,7A7,7,0,0,0,16,2Z"/><path d="M26,30H24V25a5,5,0,0,0-5-5H13a5,5,0,0,0-5,5v5H6V25a7,7,0,0,1,7-7h6a7,7,0,0,1,7,7Z"/><rect id="_Transparent_Rectangle_" data-name="<Transparent Rectangle>" class="cls-1" width="32" height="32"/></svg>

Most of the svg icons I convert by svg2xml have the extra rect as above example.
A few of the conversions have no extra box.
A few of the conversions have the following code for the extra box.

     <path>
            <move x="0" y="0"/>
            <line x="0" y="32"/>
            <line x="32" y="32"/>
            <line x="32" y="0"/>
            <line x="0" y="0"/>
            <close/>
        </path>
        <fillstroke/>
    </foreground>
</shape>

This is an example svg that results in the above extra path stmts added at end of xml (extra square is in upper left of icon) using 64x64 but also tried 32x32:

To remove the extra boxes I go thru each icon in the xml and manually delete the code causing the extra box, but if there is a reason why the extra box code is appearing please let me know.

This is also mentioned on the group here:
https://groups.google.com/g/drawio/c/-BWlV-tjsTo/m/N-RAuu4iBAAJ

Thanks!

How to use this

I Have downloaded this. But I don't know how to use this. Please hep me

Is there any plan to support mutiple shape extract?

We have a standard svg file, wonder to extract mutiple shapes through svg2xml, but only one shape is extracted. We saw the tool has some TODO in config, any plan about them?

Coordinate rounding option doesn't work

Here are errors in floating point precision, though the rounding option is presented. Please see the screenshot below.

Normalize stencil sizes in library

define group name via config

java.lang.NumberFormatException

Destination folder:C:\Users\Administrator\Documents
parsing demoSvg using 0 configs
java.lang.NumberFormatException: For input string: "30.493C141.45"
at sun.misc.FloatingDecimal.readJavaFormatString(FloatingDecimal.java:1250)
at java.lang.Double.valueOf(Double.java:504)
at com.mxgraph.svg2xml.Shape2Xml.getPathParam(Shape2Xml.java:1478)
at com.mxgraph.svg2xml.Shape2Xml.matrixTransformPathPartMove(Shape2Xml.java:1351)
at com.mxgraph.svg2xml.Shape2Xml.parseMatrixTransformPathPart(Shape2Xml.java:944)
at com.mxgraph.svg2xml.Shape2Xml.matrixTransformPath(Shape2Xml.java:901)
at com.mxgraph.svg2xml.Shape2Xml.parse(Shape2Xml.java:291)
at com.mxgraph.svg2xml.Svg2Xml.(Svg2Xml.java:474)
at com.mxgraph.svg2xml.Svg2XmlGui.actionPerformed(Svg2XmlGui.java:249)
at javax.swing.AbstractButton.fireActionPerformed(AbstractButton.java:2018)
at javax.swing.AbstractButton$Handler.actionPerformed(AbstractButton.java:2341)
at javax.swing.DefaultButtonModel.fireActionPerformed(DefaultButtonModel.java:402)
at javax.swing.DefaultButtonModel.setPressed(DefaultButtonModel.java:259)
at javax.swing.plaf.basic.BasicButtonListener.mouseReleased(BasicButtonListener.java:252)
at java.awt.Component.processMouseEvent(Component.java:6516)
......
my svg file:
path d="M142.49,30.493C141.45,6.455,94.925,0.499,70.118,0.499 c-23.781,0-70.643,6.674-69.62,29.994c1.04,24.036,46.525,29.992,72.032,29.992C96.651,60.485,143.512,54.053,142.49,30.493z M79.768,55.718c-17.233,1.908-34.803-11.426-36.193-30.697c-1.022-14.042,4.825-18.09,19.31-19.756 c17.219-1.908,34.803,11.184,36.529,30.466C100.436,49.773,94.589,54.294,79.768,55.718z" transform="matrix(0.6056338,0,0,1.033333,32.69718,26.48333)" fill="#000000" stroke="none" stroke-opacity="0"

Path parsing error

The following example results in the error below. This example errors on input string "L", but I have additional examples the error on input string "q".

SVG Input File

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 777.14 754.49">
  <defs>
    <style>.cls-1{fill:#ef5024;}</style>
  </defs>
  <title>IP Address</title>
  <g id="Layer_2" data-name="Layer 2">
    <g id="Miscellaneous">
      <g id="IP_Address" data-name="IP Address">
        <path class="cls-1" d="M672.55,754.49H104.66C47.07,754.49.11,707.55,0,649.88L.09,104.66A104.77,104.77,0,0,1,104.71,0L672.55,0h.1A104.61,104.61,0,0,1,777.14,104.66V328.22a21.37,21.37,0,1,1-42.73,0V104.66a61.83,61.83,0,0,0-61.78-61.89h-.07l-567.85,0a62,62,0,0,0-61.88,61.92l-.09,545.17a62.09,62.09,0,0,0,61.92,61.93H672.55a61.85,61.85,0,0,0,61.86-61.91V479.4a21.37,21.37,0,1,1,42.73,0V649.83A104.58,104.58,0,0,1,672.55,754.49Z"/>
        <path class="cls-1" d="M294.84,450.7V269.09h38.51V450.7Z"/>
        <path class="cls-1" d="M513.43,325.73q0,29.32-18.32,44.85T443,386.11H426.48V450.7H388V269.09h58q33,0,50.25,14.22T513.43,325.73Zm-86.95,28.82h12.67q17.76,0,26.58-7t8.82-20.44q0-13.55-7.39-20T444,300.64H426.48Z"/>
      </g>
    </g>
  </g>
</svg>

Error Message
java.lang.NumberFormatException: For input string: "L"
at sun.misc.FloatingDecimal.readJavaFormatString(FloatingDecimal.java:2043)
at sun.misc.FloatingDecimal.parseDouble(FloatingDecimal.java:110)
at java.lang.Double.parseDouble(Double.java:538)
at java.lang.Double.valueOf(Double.java:502)
at com.mxgraph.svg2xml.Shape2Xml.getPathParam(Shape2Xml.java:1564)
at com.mxgraph.svg2xml.mxPathParser.curvetoQuadraticSmoothAbs(mxPathParser.java:423)
at com.mxgraph.svg2xml.mxPathParser.createShape(mxPathParser.java:154)
at com.mxgraph.svg2xml.Shape2Xml.parse(Shape2Xml.java:354)
at com.mxgraph.svg2xml.Svg2Xml.(Svg2Xml.java:510)
at com.mxgraph.svg2xml.Svg2XmlGui.actionPerformed(Svg2XmlGui.java:253)

Original post:
https://groups.google.com/g/drawio/c/J84VkEIxIFQ