naosim https://blog.hatena.ne.jp/naosim/ なおしむ論 https://naosim.hatenablog.jp/ 前回、直打ちSVGでアソパソマソを書いたので今回はドキソちゃんを書きます。 見るからにレベルが高い！丸と四角だけのキャラとはレベルが違う！！ ってことでまずは輪郭から。 要するに丸い顔とツノです。 普通にソフト使って書くなら、大きな丸と長方形と小さな丸(ツノの先端)を合成すれば出来上がりなんだけど、SVGには合成する機能が無いので自力で書きます。。 ツノを書く <path class="line face horn" d=" M 50 12, L 70 5, A 7 5, 20 1 1, 74 10, L 50 30, " /> MはMoveTo(始点)、LはLineTo(線)、AはArc(弧… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fnaosim.hatenablog.jp%2Fentry%2F2017%2F12%2F31%2F162253" title="【直打ちSVG】ドキソちゃんの輪郭を書く - なおしむ論" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://images-fe.ssl-images-amazon.com/images/I/61kGEl9lUCL.jpg Hatena Blog https://hatena.blog 2017-12-31 16:22:53 rich https://naosim.hatenablog.jp/entry/2017/12/31/162253 1.0 100%