在画布中心放置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
});

请参见此草图进行演示。