캔버스에 아이콘을 그리기 cytoscape.js

Question

나는 cytoscape.js을 사용하고 있습니다. 선택한 노드 옆에 작은 삭제 아이콘을 그려야하지만 API을 사용하여 캔버스에 그리는 방법을 알지 못합니다.

나는 내가 선택을 수신한다 생각도

cy.on('select', '*', function (event) { 
    const element = event.cyTarget; 

    // draw icon on the canvas 
}) 

라이브러리는 많은 extensions있다, 그래서 그것을 캔버스 위에 그릴 수 있습니다 알고 있습니다.

Answer 1

Cytoscape div에 새로운 캔버스를 추가하여 그래프 상단에 추가 할 수 있습니다. 이것은 확장이 사용하는 것과 같은 접근법입니다.

(거의 확실하게 문제를 만들 것과 같이, Cytoscape에 속하는 캔버스 (들)를 수정하지 않아야합니다.)

Answer 2

@의 maxkfranz의 (Cytoscape dev에) 권고에 따라, 나는 가벼운 Cytoscape.js 확장 개발 cytoscape-canvas이라고 불리는이 그래프는 그래프 위에 그리고/또는 그래프 아래에 캔버스를 만듭니다. 그것으로, 그 삭제 아이콘을 만드는 것이 매우 쉽게됩니다. 당신이 관심이 있다면

에서, readme 체크 아웃 : 나는 알림 배지와 비슷한 않았다!