收藏
回答

view画5000rpx的圆,在真机上锯齿严重,如何消除?

模拟器:

真机:

    <view class="r">
      <view class="c">
        <swiper indicator-dots="true" autoplay="true" interval="3000" duration="1000" indicator-active-color="white">
          <block wx:for="{{imgUrls}}" wx:key="imgUrls">
            <swiper-item>
              <image src="{{item}}" mode="scaleToFill" />
            </swiper-item>
          </block>
        </swiper>
      </view>
       </view>

    样式:

.r {
  position: relative;
  width100%;
  z-index1;
  height400rpx;
  background: white;
  overflow: hidden;
}
.c {
  margin-top: -4600rpx;
  margin-left: -2125rpx;
  width5000rpx;
  height5000rpx;
  border-radius2500rpx;
  background#87ceeb;
  z-index2;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  overflow: hidden;
}

其中r是一个矩形,c是里面的圆形,通过将c在r底部居中来获得弧形。但是真机上的弧形最近突然出现锯齿,该怎么解决呢,或者有什么其他方法获得弧形吗?

真机设备信息:

回答关注问题邀请回答
收藏

1 个回答

  • 祺爸💎
    祺爸💎
    2020-05-07

    用图片吧

    --↓↓👍点击“有用”是回答的动力哦

    2020-05-07
    有用
    回复
登录 后发表内容
问题标签