Polyline组件绘制坐标不准确

@Entry 
@Component 
struct PolylineExample { 
  @State points:Array<Array<number>> = [[0,150], [75,100], [150,150],[225,200],[300,300]] 
  build() { 
    Column({ space: 10 }) { 
      // 在 100 * 100 的矩形框中绘制一段折线,起点(0, 0),经过(20,60),到达终点(100, 100) 
      Stack(){ 
        Polyline({ width: 300, height: 300 }) 
          .points(this.points) 
          .fillOpacity(0) 
          .stroke(Color.Blue) 
          .strokeWidth(3) 
        Circle({ width: 6, height: 6 }).position({x:297,y:147}) 
      } 
      .borderWidth(2).margin(50) 
    }.width('100%') 
  } 
}
HarmonyOS
2024-01-31 10:39:59
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
hexiaox810

Stack组件设置的.margin(50)导致Polyline组件大小被挤压,去掉margin(50)设置显示正常。

分享
微博
QQ
微信
回复
2024-02-01 17:30:50
相关问题
mysql LEFT JOIN 使用SUM不准确
1620浏览 • 1回复 待解决
绘制手动生成线条的坐标
386浏览 • 1回复 待解决
如何可以获取组件的中心点坐标
394浏览 • 1回复 待解决
Path组件绘制的线条粗细不一致
773浏览 • 1回复 待解决
SurfaceProvider绘制延迟
6213浏览 • 4回复 已解决
自定义组件绘制折线图和曲线图
432浏览 • 1回复 待解决
鸿蒙如何实现位图绘制
8572浏览 • 1回复 待解决
如何操作canvas重新绘制
436浏览 • 1回复 待解决
条形码识别坐标信息为空
682浏览 • 1回复 待解决
如何在鸿蒙移动端引入坐标图?
938浏览 • 1回复 待解决
Canvas绘制内容如何动态更新
491浏览 • 1回复 待解决
Canvas如何触发刷新重复绘制
409浏览 • 1回复 待解决
使用Drawing实现图形绘制与显示
437浏览 • 1回复 待解决
bitmap绘制内容需要支持清屏功能
455浏览 • 1回复 待解决