【问题标题】:How to draw a semi-ellipse in react native?如何在本机反应中绘制半椭圆?
【发布时间】:2019-01-07 22:52:28
【问题描述】:

最近我尝试了很多在 react native 中绘制半椭圆,但我没有得到任何好的结果。这是我尝试过的

semiEllipse:{
        width: '100%',
        height: 50,
        borderRadius: 0.7*width,
        borderBottomLeftRadius: 0,
        borderBottomRightRadius: 0,
        backgroundColor: 'red',

      }

上面的代码给了我以下输出:

但这不是我想要达到的目标,因为你们可以看到这不是一个纯椭圆。

我想要实现的是以下一半:

请帮我解决这个问题。提前致谢!

【问题讨论】:

    标签: css reactjs react-native


    【解决方案1】:
    width: 100,
    height: 100,
    backgroundColor: 'red',
    borderRadius: 50,
    transform: [
      {scaleX: 2}
    ]
    

    这应该给你一个椭圆形的形状。然后我会做一个负边距和溢出:隐藏在父母身上。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-02-05
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多