如何使用 jCanvas 将文本设置在曲线形状的中心？

Question

我正在使用 drawLine 方法使用 jCanvas 绘图 "map" 并且需要将门牌号放在曲线形状的中心（它可以有随机数量的角度）。

另请注意，所有对象都是可拖动的，文本必须是可拖动的。

或者我如何计算物体的中心，它可以有随机的角度数？

Answer 1

我写了一个函数解决了我的问题。作为 var 点，您必须发送 svg 多边形点。

function getcenter(points, index)
{
    if (typeof points!="undefined") 
    {
        var pairs = [];
        pairs = points.split(" ");
        
        

        var first = true;
        var min; var max;
        
        for(var i=0;i<pairs.length;i++)
        {
            var list = pairs[i].split(',');
            
            if(first===true)
            {
                first = false;
                min = max = list[index];
            }
            else
            {
                if(list[index]<min) min = list[index];
                if(list[index]>max) max = list[index];
            }
        }
        

        min = parseInt(min);
        max = parseInt(max);

        var result = (min+max)/2;

        return result;
    }
    else return false;
};

如何使用 jCanvas 将文本设置在曲线形状的中心？

How to set text in center of curve shape with jCanvas?

html

javascript

jquery

geometry

jcanvas