多顶点图边线上绘制旋转文本引发布局错乱问题咨询
问题描述
我正在绘制一个包含大量点和边的图结构。
我已经完成了文本位置的计算,使其可显示在边的上方居中位置,观感舒适易读。
当图包含大量顶点时,绘制文本的操作会导致整个图的布局出现错乱。
以下示例图片分别展示了图在多顶点和少顶点场景下的运行效果:
该场景下图的顶点数超过47个,已经出现布局错乱问题。
以下是我用于旋转文本角度的代码,暂时不清楚是否是rotate函数在顶点数超过48时引发了布局错乱,需要排查原因:
public static void drawRotate(Graphics2D g2d, double x, double y, double angle, String text) { g2d.translate((float)x,(float)y); g2d.rotate(angle); g2d.drawString(text,0,0); g2d.rotate(-angle); g2d.translate(-(float)x,-(float)y); }
问题排查与修复
问题核心是手动逆转变换带来的浮点精度累积误差。上述写法中,每一次translate、rotate的正向和反向操作都会产生微小的浮点精度损失,调用次数少时误差可以忽略,当调用次数达到40+的量级后,误差累积到可观测的阈值,就会导致整体坐标系统偏移,出现布局错乱,和rotate函数本身没有关联。
修复方案:每次绘制前先保存Graphics2D的原有变换状态,绘制完成后直接恢复,不需要手动逆转变换,完全避免精度累积问题。修复后的代码如下:
import java.awt.geom.AffineTransform; public static void drawRotate(Graphics2D g2d, double x, double y, double angle, String text) { // 保存当前变换状态 AffineTransform old = g2d.getTransform(); // 执行变换和绘制操作 g2d.translate(x, y); g2d.rotate(angle); g2d.drawString(text, 0, 0); // 直接恢复原有变换状态,消除误差累积可能性 g2d.setTransform(old); }
内容的提问来源于stack exchange,提问作者ATB
相关产品推荐
相关产品推荐

