在畫布中心放置PointText

Question

我需要這個：

var text = new PointText({
    point: [50, 50],
    content: 'Text',
    fillColor: 'black',
    fontFamily: 'Courier New',
    fontWeight: 'bold',
    fontSize: 25
});

在我的畫布上居中（x + y）。

畫布沒有什么特別的。

Answer 1

view對象存儲一個代表其中心的center屬性。 因此，如果您這樣做：

var text = new PointText({
  position: view.center,
  content: 'Text',
  fillColor: 'black',
  fontFamily: 'Courier New',
  fontWeight: 'bold',
  fontSize: 25
});

它將位於畫布的中央。

這也是草圖 。

Answer 2

如果您正在尋找更精確的定位，請考慮使用居中justification: 'center'將文本居中justification: 'center'並添加一個與字體大小成比例的小垂直偏移量。

var text = new PointText({
    position: view.center + [0,5],
    justification: 'center',
    content: 'Text',
    fillColor: 'blue',
    fontFamily: 'Courier New',
    fontWeight: 'bold',
    fontSize: 25
});

請參見此草圖進行演示。