前几篇文章实现了绘制不同外形印章的功能,印章内部一般包含圆形、线条等形状,有些印章内部还有五角星,然后就是各种样式的文字。本文实现在印章内部绘制圆形、线条、矩形、椭圆等四种形状。
定义FigureType枚举记录印章内部形状,同时定义DrawMode枚举形状绘制方式(边框或底色,暂不处理绘制边框+底色的情况)。
csharp
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方向半径。
除线条之外,以边框形式绘制其它形状,计算尺寸时都需要考虑线宽。
csharp
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