cytoscape.js：设置节点标签font-size小于1

Question

我非常支持非常小的边缘宽度和节点边框宽度，当我们深入放大时非常有用：

cy.edges().style({"width": 0.01})
cy.nodes().style({“border-width”: 0.01})

但字体大小不太可塑：任何小于1的字体大小似乎都被限制为1.因此，从javascript控制台执行的以下最后三个命令会产生相同的结果：

cy.nodes().style({"font-size": 10})    // big font
cy.nodes().style({"font-size": 1})     // much smaller
cy.nodes().style({"font-size": 0.1})   // unchanged
cy.nodes().style({"font-size": 0.01})  // unchanged

在每种情况下（使用last作为示例），似乎正确分配了font-size属性：

cy.nodes().style("font-size”)   // “0.01px"

但渲染的节点大小保持为1.任何想法？

谢谢！

• 保

Answer 1

这已在Github上得到解答。这是一些浏览器所具有的问题，并且在库中无法改变浏览器的行为

-

从Github复制：https://github.com/cytoscape/cytoscape.js/issues/1173

这是浏览器在画布中实现字体渲染的限制。在这种情况下，我们在图书馆方面无能为力。

我唯一的建议就是扩大你的风格。将您的尺寸乘以一个因子，使字体大小至少为1px。虽然字体大小无法缩放，但缩放级别可以任意缩放。您的缩放级别会有所不同，但无论如何缩放只是一个相对的衡量标准。