LitElement、d3 和 x3d显示 3D 轴的问题

编程问答 2022-05-27

问题描述

我已经使用 the original demo here 中的 d3 和 x3d 实现了一个带有 3d 轴的 LitElement 问题是我在元素的渲染中没有看到 3d 轴。

此元素的一个版本是 up on github here，如果您想查看上下文中的所有代码并运行它以查看轴没有出现。

D3X3D 元素像这样扩展了 LitElement：

GraphQLResponse{data='User {id=null,userName=null,email=null}',errors='[]'}

我像这样从 shadow dom 获取 SVG :

export class D3X3D extends LitElement {
  render() {
    return html`
      <svg id="svg" viewBox="0 0 300 300" ></svg>
    `;
  }

我正在尝试像这样附加 x3d ：

    this.svg = d3.select(this.shadowRoot.querySelector("#svg"));

当他们使用 in their example 时：

this.x3d = this.svg.append("x3d")

问题是当我在浏览器中提供并打开 web 应用程序时，我看不到轴。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

lit-elementx3d