LoginSignup
2

More than 5 years have passed since last update.

Sketch から 生成される svg について

Last updated at Posted at 2015-02-09

sketch と svg

最近何かと人気な svg と sketch
sketch からも勿論 svg はジェネレートできる。

生じた問題点

ある時、ジェネった svg の画像の両端が切れていることに気付く。
初めはリサイズで小数点分きれたのかな?とか思っていたがそうでもない。

確認

実際のところ、Adobe Illustrator で 開いてみたところあらま不思議
本当に切れてるじゃあありませんか。

スクリーンショット 2015-02-05 10.45.33.png

原因

どうやら、sketch の Path には、stroke の設定に
inside / outside / center
っていうのがあるらしい。
線をどこに描画するかという微細な設定なのだが、
これが outside(だったか inside だったか)
に設定されていると、書き出される view からはみ出してしまう!!!
ということだった。

まとめ

ということで、svg で画像が切れるという現象が起こったらまずはパスの設定を疑いましょう。

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2