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的应该会生效）。