我在将svg图像设置为节点背景时遇到问题。 当我开始拖动它时,它总是在Chrome中重新缩放图像(即使具有固定的背景高度)并且firefox甚至不显示它。
我已经测试了许多属性来解决它并且没有得到它。
var cy = cytoscape({
container: document.getElementById('cy'),
style: [{
selector: "node",
style: {
'background-image': 'https://cdn.rawgit.com/energiekollektiv/saiv/dev/images/icons/demand.svg',
'background-width-relative-to': 'inner',
'background-height-relative-to': 'inner',
'background-width': '20px',
'background-height': '20px'
}
}]
})
data.forEach(function(node) {
cy.add({
group: "nodes"
})
})
cy.makeLayout({name: "circle"}).run()
你可以在这看一下: