canvas {

  display: flex;

  align-items: center;

  justify-content: center;

  margin-top: 90rpx;

  background-color: #00BE9F;

  border-radius: 50%;

  border-width: 0px;

  border-style: solid;

width: 398rpx;

  height: 398rpx;

  padding: auto;

}

.cover-circle {

  display: flex;

  align-self: center;

  width: 244rpx;

  height: 244rpx;

  border-style: solid;

  border-width: 0;

  border-radius: 50%;

  background-color: red;

}

最终cover-view显示在canvas的左上角，未能居中，求指点