cytoscape.js - 如何修复节点相对于屏幕的坐标?
问题描述
我需要将一个节点附加到屏幕上的一个点。平移和缩放时需要移动该节点,使其不改变其相对于屏幕的位置和大小。也就是说,它看起来像一个在平移和缩放时不会改变的菜单按钮。
一些尝试通过计算cy.pan()
和来实现这一点node.position()
,node.relativePosition()
并没有给出预期的结果。
解决方案
对不起,我错误地使用了我调用的参数。我没有正确解释它们的含义。此代码工作正常。
cy.on('pan', function(){
pos = cy.pan();
rel = {x: 20, y: 20};
zoom = cy.zoom();
node.position({
x: (rel.x - pos.x) / zoom,
y: (rel.y - pos.y) / zoom
});
});
推荐阅读
- javascript - 无法从 React vis 图中删除条形之间的间隙
- reactjs - 在 componentDidUpdate 中延迟 Api 调用
- java - 从数组中删除空值并从Java中的方法中获取它
- c - 如何将 pcre2 修复为 \w 将匹配标记?
- azure - 如何从 Gen2 blob 存储中的 parquet 文件在 sql server 中创建外部表
- javascript - 停止 Mapbox 层的事件传播
- php - Phpunit:在功能测试中对类内的方法进行存根
- sql - sql和Rstudio中不同的输出rpart函数
- c# - 是否可以在不使用 FromQuery 的情况下在 Swagger UI 中为输入模型属性赋予不同的名称?
- botframework - 我想从 Mongo 数据库中实现对机器人的自动完整搜索