【问题标题】:Make a SVG Path halve circle制作一个 SVG 路径半圆
【发布时间】:2012-12-24 00:43:17
【问题描述】:

我是 SVG 新手。我想做这个弯曲的笔划: This picture of the stroke

我怎样才能用 SVG 做到这一点?我已经完成了 SVG。但不要出去。谁能帮我解决这个中风?感谢您的帮助!

【问题讨论】:

标签: css svg path


【解决方案1】:

它并不完美,但这样的事情会给你一个好的开始。

    <svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='200' height='200'>
                <path fill='none' stroke="black" stroke-width='4' d='M 90,80 A60,60 0 0,1 90,5'/>
</svg>

您可以看到它here 的实际应用。

调整 60,60 值将使其或多或少是圆形的。 90,8090,5 值是起点和终点。其余的应该是不言自明的,但如果您有任何问题,请告诉我。

【讨论】:

  • 感谢您的帮助!你知道吗,我怎样才能为这个笔画做一面镜子?
  • @MikeVierwind 没问题!只需将 0,1 更改为 0,0,它就会反映方向:)
  • 是否也可以。我能做到的。 svg 元素路径元素的宽度和高度。现在 svg 元素是 200 宽和 200 高。但是我可以让这个宽度为 21 和高度为 79。路径的宽度和高度。当我现在设置高度和宽度时。路径是开箱即用的。
  • @MikeVierwind 当然,只需将起点和终点更改为在该区域中,因为它在 90 处绘制两个 x 值(这将超出您的高度和宽度)。将 90 和 21 交换,它应该在正确的位置,但您可能还想调整 y 值。
猜你喜欢
  • 2021-10-16
  • 1970-01-01
  • 2021-12-27
  • 2013-10-21
  • 1970-01-01
  • 2019-02-04
  • 2012-01-29
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多