MiterJoinを使用して、ガイドラインの周りに線を作成します
質問
Winforms PictureBoxにグラフを描画しています。今、私はライン(ポイントの配列)を「複製」する可能性を探しているので、2つのラインが元の線から固定距離に配置されます。この写真のように、私は赤い線を持っていて、黒い線を手に入れたいです。
行の写真http://img227.imageshack.us/img227/2341/linesb.png
数ピクセルアップ/右/右上にラインを移動することを考えましたが、それは奇妙なオーバーラップラインにつながります。
私が望むことをする他のアプローチはありますか?どんなアイデアも大歓迎です。ありがとう!
解決
実行する関数を作成しました まさに グラフレイアウトアルゴリズムの一部として数ヶ月前に必要なもの。私はそれをPythonとPyqtに書きました。コードを貼り付けました ここCodePadで. 。これは、C#に非常に簡単に翻訳できるはずです。
アップデート:
私のPythonスニペットから1対1で翻訳しました(そのグラフィックスのことをするのが大好きです:))。私の元のコードは2つ以上の出力ライン用に設計されているため、それをC#バージョンにも取り入れました。赤い線から20ピクセル離れている2つの黒い線の場合、パスするだけです width = 40
と num = 2
. 。返されたギザギザの配列は、各線がポイントの配列(内側)で表され、線(外側の配列)の配列を表します。
public PointF[][] MultiplyLine(PointF[] line, int width, int num)
{
if (num == 1) return new PointF[][] { line };
if (num < 1) throw new ArgumentOutOfRangeException();
if (line.Length < 2) return Enumerable.Range(0, num)
.Select(x => line).ToArray();
Func<float, float, PointF> normVec = (x, y) => {
float len = (float)Math.Sqrt((double)(x * x + y * y));
return len == 0 ? new PointF(1f, 0f) : new PointF(x / len, y / len);
};
PointF[][] newLines = Enumerable.Range(0, num)
.Select(x => new PointF[line.Length]).ToArray();
float numinv = 1f / (float)(num - 1), cor = 0f;
PointF vec1 = PointF.Empty, vec2 = PointF.Empty, vec3 = PointF.Empty;
int j = -1, i = -1;
foreach (PointF p in line)
{
bool first = j == -1, last = j == line.Length - 2; j++;
if (!last)
vec1 = normVec(line[j + 1].Y - p.Y, -line[j + 1].X + p.X);
if (!first)
vec2 = normVec(-line[j - 1].Y + p.Y, line[j - 1].X - p.X);
if (!first && !last)
{
vec3 = normVec(vec1.X + vec2.X, vec1.Y + vec2.Y);
cor = (float)Math.Sin((Math.PI -
Math.Acos(vec1.X * vec2.X + vec1.Y * vec2.Y)) / 2);
cor = cor == 0 ? 1 : cor;
vec3 = new PointF(vec3.X / cor, vec3.Y / cor);
}
i = -1;
foreach (PointF[] newLine in newLines)
{
i++; cor = (float)width * ((float)i * numinv - 0.5f);
vec1 = first ? vec1 : last ? vec2 : vec3;
newLine[j] = new PointF(vec1.X * cor + p.X, vec1.Y * cor + p.Y);
}
}
return newLines;
}
試してみるために、この小さなサンプル(PYQTコードと同じサンプル)を採取しました。
PointF[] pts = new PointF[] {
new PointF(100f, 100f), new PointF(300f, 200f),
new PointF(500f, 200f), new PointF(300f, 500f),
new PointF(600f, 450f), new PointF(650f, 180f),
new PointF(800f, 180f), new PointF(800f, 500f),
new PointF(200f, 700f)
};
pictureBox1.Image = new Bitmap(pictureBox1.Width, pictureBox1.Height);
using(Graphics g = Graphics.FromImage(pictureBox1.Image)){
g.DrawLines(new Pen(Color.Red), pts);
foreach (PointF[] line in MultiplyLine(pts, 80, 14))
g.DrawLines(new Pen(Color.Black), line);
}
その結果、このグラフィックが得られました。
ラインの周りの概要http://img41.imageshack.us/img41/8606/lines2.th.png