javascript - d3.js x3dom：如何冻结相机位置并获得轴？

Question

我看到了d3的3d 条形图示例和另一个3d 示例，我想做的一件事就是能够拥有一个静态的相机位置。尝试了视点fieldOfView，但它似乎不起作用。任何人都可以帮助将相机固定在固定位置吗？我不希望用户能够旋转 3d 场景。

另外，我不知道它们是如何在屏幕上显示 x、y 和 x 轴的。是否有教程或 API 参考可以帮助我了解如何在 d3.js 中使用 x3dom？我想知道命令和语法是什么。

Answer 1

x3dom 没有禁用旋转的选项。但是你可以添加修改他们的源代码来做到这一点。我为我的一个项目做了这个：

// add disableRotation option
var validParams = array_to_object([
  // ...
  'disableRotation',
  // ...
]);

// disable rotation onDrag
x3dom.Viewarea.prototype.onDrag = function (x, y, buttonState) {
  // ...
  if (this._doc.properties.getProperty('disableRotation', 'false') === 'true' && buttonState === 1) {
    return;
  }
}

// append this to your x3d tag
x3d.append("param")
   .attr("name", "disableRotation")
   .attr("value", "false");

有关如何在屏幕上绘制轴的信息，请参阅此示例：

http://bl.ocks.org/hlvoorhees/5986172