前几篇文章实现了绘制不同外形印章的功能,印章内部一般包含圆形、线条等形状,有些印章内部还有五角星,然后就是各种样式的文字。本文实现在印章内部绘制圆形、线条、矩形、椭圆等四种形状。
定义FigureType枚举记录印章内部形状,同时定义DrawMode枚举形状绘制方式(边框或底色,暂不处理绘制边框+底色的情况)。
public enum FigureType
{Rect=0,Line=1,Circle = 2,Oval = 3,Text=4
}public enum DrawMode
{Border=0,BackGround=1
}
定义SealElement类型保存不同形状所需的各类参数,主要包括:
1)线条:StartPoint 、EndPoint 记录端点坐标,没有底色,仅需按线宽和颜色绘制直线即可;
2)矩形:StartPoint记录左上角坐标,EndPoint记录矩形宽和高;
3)圆形:StartPoint记录中心点坐标,EndPoint的X坐标记录半径;
4)椭圆:StartPoint记录中心点坐标,EndPoint的X坐标记录x方向半径,Y坐标记录y方向半径。
除线条之外,以边框形式绘制其它形状,计算尺寸时都需要考虑线宽。
public class SealElement
{public FigureType FigureType { get; set; } = FigureType.Rect;/// <summary>/// 印章背景色,默认白色/// </summary>public SKColor FigureBgColor { get; set; } = SKColors.White;/// <summary>/// 形状起始位置,不同形状保存的值意义不同/// </summary>public SKPoint StartPoint { get; set; } = new SKPoint(0, 0);/// <summary>/// 形状结束位置,不同形状保存的值意义不同/// </summary>public SKPoint EndPoint { get; set; } = new SKPoint(0, 0);/// <summary>/// 形状边框宽度/// </summary>public float FigureBorderWidth { get; set; } = 1;/// <summary>/// 印章边框,默认红色/// </summary>public SKColor FigureBorderColor { get; set; } = SKColors.Red;/// <summary>/// 形状绘制模式/// </summary>public DrawMode DrawMode { get; set; } = DrawMode.Border;
}
编写维护线条、矩形、圆形、椭圆形状的属性编辑窗口,如下图所示:
调整印章设计主界面,在菜单栏增加新建线条、矩形、圆形、椭圆菜单,在窗口右侧增加列表显示在印章中添加的形状列表,单击某一行会在窗口中通过变粗或变色显示选中形状。双击某一行则为编辑形状。
使用的绘图函数还是SkiaSharp中SKCanvas的DrawLine、DrawRect、DrawCircle、DrawOval等,在此不再赘述。最后是程序运行效果,如下图所示:
参考文献:
[1]https://learn.microsoft.com/zh-cn/dotnet/api/skiasharp?view=skiasharp-2.88