Cytoscape.js:节点背景图像问题

时间:2017-09-04 12:04:21

标签: javascript svg background cytoscape

我在将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()

你可以在这看一下:

http://jsbin.com/wuzukogemu/6/edit?js,output

0 个答案:

没有答案