如何使用jCanvas将文本设置在曲线形状的中心
How to set text in center of curve shape with jCanvas?
我正在用jCanvas使用drawLine方法绘制"map",并且需要将门牌号放在曲线形状的中心(它可以有随机数量的角度)。
还请注意,所有的对象都是可拖拽的,文本也必须是可拖拽的。
或者我如何计算物体的中心,它可以有任意数量的角度?
我写了一个函数来解决我的问题。作为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;
};
相关文章:
- 如何在d3力布局中使直线而不是曲线
- D3.js:设置贝塞尔曲线的动画
- 如何通过单击点之间的样条曲线来选择样条曲线中的序列
- 数据库中的动态样条曲线高图
- 延迟jCanvas绘制线条
- 画布:制作贝塞尔曲线绘制动画
- 鼠标悬停在贝塞尔曲线上
- jqplot图位于曲线下方
- Jcanvas layer collision
- 在Canvas中检测鼠标与闭合Bezier曲线形状的碰撞
- 在谷歌地理图中绘制两点之间的曲线
- html5画布变换和缓存渐变、曲线和旋转
- jCanvas-背景图像消失
- 如何制作一个函数,使用node.js计算图形曲线下的面积
- 带有jQuery的正弦曲线
- 在新框架上绘制图像,同时仍然使用P5.js中的利萨茹曲线
- 使用jcanvas绘制图层:性能优化
- 播放时更改WebAudio WaveShaper节点的曲线
- 在给定曲线的最大高度的情况下,获取二次曲线的 Y 值
- 如何使用jCanvas将文本设置在曲线形状的中心