import svg from svg by sketch.createLayerFromData, not same as the origin layer

hwuyule

I want export the sketc layer(text,shapePath...) to svg file,and other one can import the svg file to use the layer directly,but but i have some problem on the textlayer.
for example,the textlayer is a single layer,the export svg file is like this:
<?xml version="1.0" encoding="UTF-8"?> <svg width="168px" height="118px" viewBox="0 0 168 118" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>Test Export Svg by c</title> <desc>Created with Sketch.</desc> <g id="mypage" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" font-family="PingFangSC-Regular, PingFang SC" font-size="24" font-weight="normal"> <text id="Test-Export-Svg-by-c" fill="#224B8F"> <tspan x="0" y="18">Test Export </tspan> <tspan x="0" y="51">Svg by </tspan> <tspan x="0" y="84">createLayerFro</tspan> <tspan x="0" y="117">mData</tspan> </text> </g> </svg>
when i use sketch.createLayerFromData to import the svg file,the textlayer becomes a group,inside it has four textlayer,the result is not same as the origin
origin
after import
how can i solve it?thanks

kevgski

I don't think you can assume that exporting as a SVG will reimport back into Sketch the same way. Exporting to SVG is a lossy process and you lose a lot of information. For example, in your exported svg

<g id="mypage" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" font-family="PingFangSC-Regular, PingFang SC" font-size="24" font-weight="normal">
   <text id="Test-Export-Svg-by-c" fill="#224B8F">
       <tspan x="0" y="18">Test Export </tspan>
       <tspan x="0" y="51">Svg by </tspan>
       <tspan x="0" y="84">createLayerFro</tspan>
       <tspan x="0" y="117">mData</tspan>
   </text>
</g>

There are 4 text layers exported which is why when imported back into Sketch they become 4 layers. What are you trying to accomplish? I would recommend looking into another format for exporting your objects so that when you reimport them they can be properly parsed.

hwuyule

kevgski thanks for you reply:

I want accomplish a system that can share the sketch widget,for example,i designed i widget, and i want to upload the widget layer to the system,so other one can use the widget directly and no need to re-design it,so i want to export the widget to a svg file to upload.but the problem is the import svg is not same as the origin one,this makes me not happy=.= Is there other way to copy component?thanks
what other format can i use?i have try to use many format:jpg,png,pdf and so on,but these format also has problem when import.I guess json format is a good choice,and layer can export to json format,but i can not find the api to import the json format

kevgski

I'm not entirely sure I follow what you are trying to do with the data but in the past I've created JSON structures and recreated the objects using the saved data. For example, if I'm trying to save a rectangle to disk I'll store its fill, position, and size properties and then recreate the shape using that data.

Another way to go about it is using the archiver and unarchiver. I haven't tried using that https://sketchplugins.com/d/215-archiving-sketch-data/2

Another way to go about it is using the pasteboard. I haven't done it before but have seen a few plugins that do something like this: https://sketchplugins.com/d/1532-how-to-replace-the-whole-selected-layer/4

All that being said, I might be overcomplicating things. I'm not sure what you are wanting to do with the sketch objects. Why not just share the sketch file or create a shared library?

hwuyule

kevgski
thanks， i have give up the 'svg' strategy，i choice to rebuild the layer from layer json,not the svg data