javascript - 如何在平移和/或缩放后检查我的 Cytoscape.js 图形是否不在视野范围内(甚至是部分)?
解决方案
function isGraphOutOfView() {
const width = cy.width();
const height = cy.height();
const boundingBox = cy.elements().boundingbox();
const pan = cy.pan();
const zoom = cy.zoom();
return boundingBox.x1 * zoom + pan.x < 0
|| boundingBox.y1 * zoom + pan.y < 0
|| boundingBox.x2 * zoom + pan.x > width
|| boundingBox.y2 * zoom + pan.y > height;
}
编辑:与renderedBoundingBox
:
function isGraphOutOfView() {
const width = cy.width();
const height = cy.height();
const rbb = cy.elements().renderedBoundingbox();
return rbb.x1 < 0 || rbb.y1 < 0 || rbb.x2 > width || rbb.y2 > height;
}
推荐阅读
- swift - 将数组数据附加到 Struct 变量中
- join - 谓词下推 vs On 子句
- reactjs - 如何映射从 API 获取的两个项目的值?
- python - __init__() 缺少 1 个必需的位置参数:'self'
- javascript - 数组中的 Node.js 类对象相互影响
- c# - 将数据传输到asp.net mvc中的其他页面
- http - flutter: Content-type must be application/json
- c# - 仅接受用户输入中的某些字符
- javascript - 找出在 foreach 循环中按下了哪个按钮
- php - 如何在php中以降序显示表格行的序号?