为什么Paper.js生成圆角时会出现点坐标看似随机翻转的问题？

核心问题根因 #

你代码中计算角平分线与切线交点的逻辑存在无数学依据的人工符号判断，这段错误逻辑是导致交点随机翻转、大幅偏移的直接原因。

错误代码段 #

//Finds point of intersection between the angle bisector line
//and the tangent line
if(addslope > 0){
    var intersectslope = tangentslope - addslope;
} else {
    var intersectslope = tangentslope + addslope;
}

if(tangentbintercept > 0){
    var intersectbintercept = addbintercept - tangentbintercept;
} else {
    var intersectbintercept = addbintercept + tangentbintercept;
}

你自行添加的通过斜率、截距正负调整加减符号的逻辑不符合直线交点的计算规则，当航点调整导致斜率或截距符号变化时，计算结果就会完全偏离正确值。

修复方案 #

直接使用标准的两直线交点计算公式即可，无需额外判断符号：

// 直接用标准公式计算两条直线交点，移除错误的符号判断逻辑
var intersectslope = tangentslope - addslope;
var intersectbintercept = addbintercept - tangentbintercept;

//Finds x and y coordinate of the point of intersection
var intersectx = intersectbintercept/intersectslope;
var intersecty = (addslope*intersectx) + addbintercept;

其他优化建议 #

• 访问getIntersections返回的交点数组前，先判断数组长度，避免出现无交点场景下的索引越界报错
• 计算斜率时增加分母为0的兼容处理，避免垂直直线场景下出现除以0的异常

内容的提问来源于stack exchange，提问作者msisk23