Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/image-processing/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将点文本放置在画布的中心_Javascript_Paperjs - Fatal编程技术网

Javascript 将点文本放置在画布的中心

Javascript 将点文本放置在画布的中心,javascript,paperjs,Javascript,Paperjs,我需要这个: var text = new PointText({ point: [50, 50], content: 'Text', fillColor: 'black', fontFamily: 'Courier New', fontWeight: 'bold', fontSize: 25 }); 在画布中居中(x+y) 画布没有什么特别之处。视图对象存储表示其中心的center属性。 因此,如果您这样做: var text = new Po

我需要这个:

var text = new PointText({
    point: [50, 50],
    content: 'Text',
    fillColor: 'black',
    fontFamily: 'Courier New',
    fontWeight: 'bold',
    fontSize: 25
});
在画布中居中(x+y)


画布没有什么特别之处。

视图对象存储表示其中心的
center
属性。 因此,如果您这样做:

var text = new PointText({
  position: view.center,
  content: 'Text',
  fillColor: 'black',
  fontFamily: 'Courier New',
  fontWeight: 'bold',
  fontSize: 25
});
它将被放置在画布的中心


这里也是。

< P>如果你正在寻找更精确的位置,考虑使用<代码>对齐:“Center”< /C>和添加一个与字体大小成正比的小垂直偏移。

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

查看此演示。

问题在哪里?问题是将画布宽度标签/2作为X原点,高度也是如此