博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
绘制箭头
阅读量:5344 次
发布时间:2019-06-15

本文共 2447 字,大约阅读时间需要 8 分钟。

1,直接用平台库

Pen arrowPen = new Pen(Color.Blue);

           arrowPen.Width = 4;
           arrowPen.EndCap = System.Drawing.Drawing2D.LineCap.ArrowAnchor;

           Graphics gfx = this.pCanvas.CreateGraphics();

           gfx.DrawLine(arrowPen,
               5, 5,
               5, 100);           

结果:

 

2,设置箭头样式

System.Drawing.Drawing2D.AdjustableArrowCap lineCap =

                new System.Drawing.Drawing2D.AdjustableArrowCap(6, 6, true);
            Pen redArrowPen = new Pen(Color.Red, 4);
            redArrowPen.CustomEndCap = lineCap;

            Graphics gfx = this.pCanvas.CreateGraphics();

            gfx.DrawLine(redArrowPen,
                25, 5,
                25, 100);           

 

结果:

3,手动绘制

注意:代码中应用了,只用了其中的Vector2

//线的起点
PointF startPt = new PointF(100, 300);
//线的终点
PointF endPt = new PointF(200, 200);
//箭头的宽
float width = 10;
//箭头夹角
double angle = 60.0 / 180 * Math.PI;
 
//求BC长度
double widthBE = width / 2 / (Math.Tan(angle / 2));
 
//直线向量
Vector2 lineVector = new Vector2(endPt.X - startPt.X, endPt.Y - startPt.Y);
//单位向量
lineVector.Normalize();
 
//求BE向量
Vector2 beVector = (float)widthBE * -lineVector;
 
//求E点坐标
PointF ePt=new PointF();
//ePt - endPt = bcVector
ePt.X = endPt.X + beVector.X;
ePt.Y = endPt.Y + beVector.Y;
 
//因为CD向量和AB向量垂直,所以CD方向向量为
Vector2 cdVector = new Vector2(-lineVector.Y, lineVector.X);
//求单位向量
cdVector.Normalize();
 
//求CE向量
Vector2 ceVector = width / 2 * cdVector;
//求C点坐标,ePt - cPt = ceVector;
PointF cPt = new PointF();
cPt.X = ePt.X - ceVector.X;
cPt.Y = ePt.Y - ceVector.Y;
 
//求DE向量
Vector2 deVector = width / 2 * -cdVector;
//求D点,ePt-dPt = deVector;
PointF dPt = new PointF();
dPt.X = ePt.X - deVector.X;
dPt.Y = ePt.Y - deVector.Y;
 
//开始绘制
Graphics gfx = this.pCanvas.CreateGraphics();
 
//绘制线
gfx.DrawLine(Pens.Blue, startPt, endPt);
//绘制箭头
//gfx.DrawPolygon(Pens.Green,
//    new PointF[]{
//        cPt,dPt,endPt});
gfx.FillPolygon(Brushes.Green,
new PointF[]{
cPt,dPt,endPt});
 
结果:

 

手动绘制原理:

分为两部分绘制:

绘制直线较为简单,麻烦在绘制箭头(多边形)。

 

 

已知:aP(A点坐标),bP(B点坐标),θ角(angle表示),CD长度width.

求:点C坐标,点D坐标。

 

解:

1,求出向量AB    abVector=bP-aP;,并且单位向量化。此时abVector代表了方向

2,BE的长度求解 widthBE= width / 2 / (Math.Tan(angle / 2)); (三角形BEC为直角三角形)。

3,求解向量BE     beVector = (float)widthBE * -abVector; (由长度和AB单位向量决定)。

4,求解E点坐标   eP – bP = beVector ,所以 eP = bP + beVector .

5,4中求出了E点坐标,如果能够求出向量CE和向量ED,那么点C和点D的坐标就知道了。

   因为向量CD和向量AB垂直,所以向量CD为:

cdVector = ( –abVector.Y , abVector.X);

同时对cdVector 单位化,此时cdVector 代表了CD方向。

6,则CE向量:

ceVector = ceWidth*cdVector ;

则点C eP – cP = ceVector ; 即 cP = eP – ceVector

同理, dP =  eP – deVector;

7,此时求出了点 C和点D,加上点B可以构成一个Polygon了。

转载于:https://www.cnblogs.com/sharpfeng/archive/2011/01/12/1933903.html

你可能感兴趣的文章
ArcGIS多面体(multipatch)解析——引
查看>>
css3渐变画斜线 demo
查看>>
JS性能DOM优化
查看>>
设计模式 单例模式 使用模板及智能指针
查看>>
HAL层三类函数及其作用
查看>>
Odoo 去掉 恼人的 "上午"和"下午"
查看>>
web@h,c小总结
查看>>
java编程思想笔记(一)——面向对象导论
查看>>
Data Structure 基本概念
查看>>
Ubuntu改坏sudoers后无法使用sudo的解决办法
查看>>
NEYC 2017 游记
查看>>
[搬运] 写给 C# 开发人员的函数式编程
查看>>
Python之旅Day14 JQuery部分
查看>>
core--线程池
查看>>
redux-effect
查看>>
Android轻量级的开源缓存框架ASimpleCache
查看>>
他山之石:加载图片的一个小问题
查看>>
shell - 常识
查看>>
mssql sqlserver 使用sql脚本 清空所有数据库表数据的方法分享
查看>>
分层图最短路【bzoj2763】: [JLOI2011]飞行路线
查看>>