質問編集履歴
1
追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -29,4 +29,31 @@
|
|
|
29
29
|
ここまではなんとなくわかったのですが、それ以降が分かりません。
|
|
30
30
|
グループの位置を指定する方法が translate だというのは分かったのですが、マイナスとかかが出てくる意味がよく分からないのと、なんでこんなにグループがたくさん必要なのか分かりません。
|
|
31
31
|
いずれかのグループを削除すると画像が消えちゃいます。
|
|
32
|
-
このコードの意味をどなたか教えてくださいませんか...。
|
|
32
|
+
このコードの意味をどなたか教えてくださいませんか...。
|
|
33
|
+
|
|
34
|
+
----------追記----------
|
|
35
|
+
|
|
36
|
+
```xml
|
|
37
|
+
<svg width="197px" height="56px" viewBox="0 0 197 56" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
38
|
+
<!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
|
|
39
|
+
<title>edit_box</title>
|
|
40
|
+
<desc>Created with Sketch.</desc>
|
|
41
|
+
<defs></defs>
|
|
42
|
+
<g id="2.Flow" fill="none" fill-rule="evenodd"><!--内部色なし-->
|
|
43
|
+
<g id="flow_10" stroke="#2476BC">
|
|
44
|
+
<rect id="Rectangle-10" stroke-width="2" x="4" y="5" width="189" height="46">
|
|
45
|
+
|
|
46
|
+
</rect>
|
|
47
|
+
<rect id="Rectangle-4" fill="#FAFAFA" x="189.5" y="0.5" width="7" height="7"></rect>
|
|
48
|
+
<rect id="Rectangle-4-Copy" fill="#FAFAFA" x="189.5" y="48.5" width="7" height="7"></rect>
|
|
49
|
+
<rect id="Rectangle-4-Copy-2" fill="#FAFAFA" x="0.5" y="47.5" width="7" height="7"></rect>
|
|
50
|
+
<rect id="Rectangle-4-Copy-3" fill="#FAFAFA" x="0.5" y="0.5" width="7" height="7"></rect>
|
|
51
|
+
<rect id="Rectangle-4-Copy-4" x="90.5" y="24.5" width="7" height="7" rx="3.5"></rect>
|
|
52
|
+
|
|
53
|
+
</g>
|
|
54
|
+
</g>
|
|
55
|
+
</svg>
|
|
56
|
+
```
|
|
57
|
+
|
|
58
|
+
このようにして、よりインプルに解釈できるようになりました。
|
|
59
|
+
sketchからのexportだと勝手に難しくなってしまうのでしょうか。
|