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
});

它将位于画布的中心。

此处还有Sketch。

Answer 2

如果您要寻找更精确的定位方式，请考虑使用justification: 'center'将文本居中，并添加一个与字体大小成比例的小的垂直偏移量。

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

请参见此Sketch进行演示。

将PointText定位在画布中心

2 个答案: