如何访问<canvas>中的DOM元素？

Question

我使用的是Cytoscape库，它本身是灵活的。但是，我已经达到了需要根据某个事件动态访问某个元素的程度。

Cytoscape在画布元素中呈现数据。Here is an example。

例如，可以访问这些节点中任何一个的innerText吗？我已经尝试过遍历主画布的所有子元素。我甚至试着在React中给它一个引用，然后这样做。我在这里有什么选择？我知道我可以用他们的应用程序接口更改标签，但innerText只是我头脑中的一个例子。

画布中的这些元素甚至是DOM元素吗？比如说，我是否可以通过在运行时动态更改CSS来获取节点并为其提供框阴影或不同的边界半径？

Answer 1

Cytoscape在内部保存这些模型的数据，并在此基础上在画布上绘制像素；因此，您可以在传递给Cytoscape组件的数据中找到节点的文本。

这些形状、线条等的样式仅限于Cytoscape支持的内容(例如颜色、线条宽度、线条颜色)，而非html、css内容在内部节点上工作；画布本身是有效的元素，您可以在其上应用框阴影、边框、滤镜(反转)等，但可能没有任何用处。