コメント一覧 (2)

1. • 1. inner_river
   • 2019/12/03 16:20
   • 「SVG パスの切り抜きは回転方向に意味があるみたい」についてですが、
     ▲が見えない方の内部的な動きをアニメーションさせると
     
     <path d="
     M100,100
     L400,100
     L400,400
     L100,400
     L100,100
     
     L250,200
     L300,300
     L200,300
     L250,200"
     stroke="#ff0000" stroke-width="3" stroke-dasharray="3000 3000" stroke-dashoffset="0">
     <animate attributeName="stroke-dashoffset" from="3000" to="0" dur="15s" repeatCount="1" />
     </path>
     
     で、見える方は
     
     <path d="
     M100,100
     L400,100
     L400,400
     L100,400
     L100,100
     
     L250,200
     L200,300
     L300,300
     L250,200"
     stroke="#ff0000" stroke-width="3" stroke-dasharray="3000 3000" stroke-dashoffset="0">
     <animate attributeName="stroke-dashoffset" from="3000" to="0" dur="15s" repeatCount="1" />
     </path>
     
     ですから、見える方を１つの多角形とみなすと分かりやすいと思います。
   • 
     0
     

      

     がしました

     
2. • • 2.  [管理人]
     • 2019/12/04 00:05
     • >>1
       なるほど！すごくわかりやすいです
       ありがとうございます
     • 
       0
       

        

       がしました