133 lines
2.4 KiB
JavaScript
133 lines
2.4 KiB
JavaScript
/**
|
|
* Copyright (c) 2006-2015, JGraph Ltd
|
|
* Copyright (c) 2006-2015, Gaudenz Alder
|
|
*/
|
|
/**
|
|
* Class: mxPolyline
|
|
*
|
|
* Extends <mxShape> to implement a polyline (a line with multiple points).
|
|
* This shape is registered under <mxConstants.SHAPE_POLYLINE> in
|
|
* <mxCellRenderer>.
|
|
*
|
|
* Constructor: mxPolyline
|
|
*
|
|
* Constructs a new polyline shape.
|
|
*
|
|
* Parameters:
|
|
*
|
|
* points - Array of <mxPoints> that define the points. This is stored in
|
|
* <mxShape.points>.
|
|
* stroke - String that defines the stroke color. Default is 'black'. This is
|
|
* stored in <stroke>.
|
|
* strokewidth - Optional integer that defines the stroke width. Default is
|
|
* 1. This is stored in <strokewidth>.
|
|
*/
|
|
function mxPolyline(points, stroke, strokewidth)
|
|
{
|
|
mxShape.call(this);
|
|
this.points = points;
|
|
this.stroke = stroke;
|
|
this.strokewidth = (strokewidth != null) ? strokewidth : 1;
|
|
};
|
|
|
|
/**
|
|
* Extends mxShape.
|
|
*/
|
|
mxUtils.extend(mxPolyline, mxShape);
|
|
|
|
/**
|
|
* Function: getRotation
|
|
*
|
|
* Returns 0.
|
|
*/
|
|
mxPolyline.prototype.getRotation = function()
|
|
{
|
|
return 0;
|
|
};
|
|
|
|
/**
|
|
* Function: getShapeRotation
|
|
*
|
|
* Returns 0.
|
|
*/
|
|
mxPolyline.prototype.getShapeRotation = function()
|
|
{
|
|
return 0;
|
|
};
|
|
|
|
/**
|
|
* Function: isPaintBoundsInverted
|
|
*
|
|
* Returns false.
|
|
*/
|
|
mxPolyline.prototype.isPaintBoundsInverted = function()
|
|
{
|
|
return false;
|
|
};
|
|
|
|
/**
|
|
* Function: paintEdgeShape
|
|
*
|
|
* Paints the line shape.
|
|
*/
|
|
mxPolyline.prototype.paintEdgeShape = function(c, pts)
|
|
{
|
|
var prev = c.pointerEventsValue;
|
|
c.pointerEventsValue = 'stroke';
|
|
|
|
if (this.style == null || this.style[mxConstants.STYLE_CURVED] != 1)
|
|
{
|
|
this.paintLine(c, pts, this.isRounded);
|
|
}
|
|
else
|
|
{
|
|
this.paintCurvedLine(c, pts);
|
|
}
|
|
|
|
c.pointerEventsValue = prev;
|
|
};
|
|
|
|
/**
|
|
* Function: paintLine
|
|
*
|
|
* Paints the line shape.
|
|
*/
|
|
mxPolyline.prototype.paintLine = function(c, pts, rounded)
|
|
{
|
|
var arcSize = mxUtils.getValue(this.style, mxConstants.STYLE_ARCSIZE, mxConstants.LINE_ARCSIZE) / 2;
|
|
c.begin();
|
|
this.addPoints(c, pts, rounded, arcSize, false);
|
|
c.stroke();
|
|
};
|
|
|
|
/**
|
|
* Function: paintCurvedLine
|
|
*
|
|
* Paints a curved line.
|
|
*/
|
|
mxPolyline.prototype.paintCurvedLine = function(c, pts)
|
|
{
|
|
c.begin();
|
|
|
|
var pt = pts[0];
|
|
var n = pts.length;
|
|
|
|
c.moveTo(pt.x, pt.y);
|
|
|
|
for (var i = 1; i < n - 2; i++)
|
|
{
|
|
var p0 = pts[i];
|
|
var p1 = pts[i + 1];
|
|
var ix = (p0.x + p1.x) / 2;
|
|
var iy = (p0.y + p1.y) / 2;
|
|
|
|
c.quadTo(p0.x, p0.y, ix, iy);
|
|
}
|
|
|
|
var p0 = pts[n - 2];
|
|
var p1 = pts[n - 1];
|
|
|
|
c.quadTo(p0.x, p0.y, p1.x, p1.y);
|
|
c.stroke();
|
|
};
|