beniyama https://blog.hatena.ne.jp/beniyama/ べにやまぶろぐ https://beniyama.hatenablog.jp/ D3.js JavaScript 表題の通りなのですが rect を append して下記の svg タグが生成されたとき、 <rect x="0" y="0" width="190" height="200" stroke="#008080" fill="white" stroke-width="5" style="stroke-opacity: 0.5;"></rect> 表示が のようになってしまって明らかに右辺と下辺が太くておかしくなってしまいました。 どうしたものかと調べたところ rect borders are not sharp Try changing your origin to offset by a h… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fbeniyama.hatenablog.jp%2Fentry%2F2014%2F03%2F21%2F002424" title="D3.js で rect を描くと辺の太さが均一にならない - べにやまぶろぐ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://cdn-ak.f.st-hatena.com/images/fotolife/b/beniyama/20140320/20140320180509.png Hatena Blog https://hatena.blog 2014-03-21 00:24:24 rich https://beniyama.hatenablog.jp/entry/2014/03/21/002424 1.0 100%