d3.js 径向树图 文字看起来模糊，好像是字体的效果 这个怎么改

Question

.node circle {        stroke: steelblue;        stroke-width: 1px;        cursor: pointer;    }        .node {        font: 12px sans-serif;        display: block;    }        .hidenode {        font: 12px sans-serif;        display: none;    }        .link {        fill: none;        stroke: #ccc;        stroke-width: 1px;    }    .branch-name{        fill: #333;        color: red;    }    .node text {        font: 10px sans-serif;    }没有对比就没有伤害啊

Answer 1

因为用了translate 或 translate3d 中的 rotate 旋转。那些使用了在Windows上使用点阵字体来渲染的部分就暴露了，可以考虑换一个不带小号点阵的字体。或者可以考虑把不转的也加上旋转的默认值（translate3d的应该会生效）。