如何绘制带有可选边框边的圆角矩形的路径?

时间:2015-11-03 05:29:29

标签: javascript svg

我正在尝试绘制圆形矩形的路径,其中边是可选的。

该功能如下所示:

function drawRoundRect(width, height, sides, topLeftRadius, topRightRadius, bottomLeftRadius, bottomRightRadius) {
    pathData = "M 0 0...";
}

但我无法弄清楚路径数据。

用户可以说:

var myPath = drawRoundRect(100,100,"top left right", 10, 10, 10, 10);

它将创建一个三边形的矩形,其中未绘制矩形的底线。

或者对于一个完整的矩形,他们会写这个:

var myPath = drawRoundRect(100,100,"top left right bottom", 10, 10, 10, 10);

// top and bottom no rounded corners
var myPath = drawRoundRect(100,100,"top bottom", 0, 0, 0, 0);

0 个答案:

没有答案