#鸿蒙通关秘籍#如何设置Shape组件的形状视口(viewport)？

在Shape组件中可以通过viewPort属性来设置形状视口，从而改变图形的显示效果。例如：

let viewPortConfig = {x: 0, y: 0, width: 300, height: 300};

Shape() {
  Rect().width("100%").height("100%").fill("#0097D4")
  Circle({ width: 150, height: 150 }).fill("#E87361")
}
  .viewPort(viewPortConfig)
  .width(300)
  .height(300)
  .backgroundColor("#F5DC62")

通过设置viewPort的x、y、width和height属性，可以控制Shape组件的视口大小和位置。