teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

誤記:ポイント3,4 ×scale -> ○rotate

2016/04/22 17:23

投稿

manabufukai
manabufukai

スコア700

answer CHANGED
@@ -12,8 +12,8 @@
12
12
  ここでポイントなのが
13
13
  1. svg要素にviewBoxの指定が無ければ、暗黙的にsvg要素のwidth,heightがviewBoxに指定される
14
14
  2. viewBoxは読んで時の如く「表示領域」=ここをはみ出した範囲は可視できなくなる
15
- 3. transform属性での指定の際、Matrixでは変形の中心を指定できない(scaleでの変形なら指定可)
15
+ 3. transform属性での指定の際、Matrixでは変形の中心を指定できない(rotateでの変形なら指定可)
16
- 4. ただし、scaleで回転を中心点に指定しても2.の理由から上へはみ出した分は欠ける
16
+ 4. ただし、rotateで回転を中心点に指定しても2.の理由から上へはみ出した分は欠ける
17
17
  5. じゃあsvg要素にpadding指定すれば => 現状ブラウザの解釈の違いアリ(不安定)
18
18
 
19
19
  また、matrixに`scale`,`skewX`,`skewY`の指定も入っていますが、これもg要素毎に違うと考えるべきですよね?