.net core 微服务下的手工签名实现，以及消除中文乱码

最新推荐文章于 2022-07-04 11:46:27 发布

dotNET跨平台

最新推荐文章于 2022-07-04 11:46:27 发布

阅读量505

点赞数

文章标签：乱码 linux svg docker html

最近在实现一款业主签字的需求，签字前端由vue下的某个共享组件实现，其采用Canvas绘图方式实现签名图片的生成，后台主要提供签名前文档的呈现，以及签名后文件合成过的签名文档保存。

FastReport

报表生成器FastReport .NET是适用于.NET Core 3，ASP.NET，MVC和Windows窗体的全功能报告库。使用FastReport .NET，您可以创建独立于应用程序的.NET报告。

想当年水晶报表爆火全网，而今已不见身影，目前最好用的.net 平台的报表莫过于FastReport，购买正版也不是那么贵，对于企业客户来说，简单易用。

基于上述诸多特点，我们选用了FastReport产品作为报表的基础。其拥有强大的可视化报表设计器，可用于创建和修改报表。可以连接到任何数据库，使用其任何表或创建查询。最关键的是基于linux下打印输出性能较好，在过去的几个版本曾经有过内存溢出现象，目前基本完美解决。因此企业客户可以优先选择了。

中文乱码的解决

中文乱码，严格意义上不属于FastReport的问题，其是我们在裁剪linux下，缺少中文字体所致，因此需要安装中文字体即可。

以下是docker容器下的安装命令

COPY ./fonts/ /usr/share/fonts/

哈哈，这里偷了个懒，直接把我需要的fonts包含在项目内，发布时拷贝过去即可。
当然还有另外的安装方法，我没有尝试。

#向容器安装中文编码支持
RUN  yum -y install kde-l10n-Chinese telnet && \  
             yum -y reinstall glibc-common &&\  
                  yum clean all  && \  
                    localedef -c -f UTF-8 -i zh_CN zh_CN.utf8   
             
#设置容器编码格式
ENV LC_ALL "zh_CN.UTF-8"

当然你也必须安装gdiplus，这是大前提，参考如下代码：

RUN yum -y install
..
libc6-dev
libgdiplus
..

&& yum clean all

RUN ln -s /usr/lib64/libdl.so.2 /usr/lib64/libdl.so

RUN ln -s /usr/lib64/libgdiplus.so.0.0.0 /usr/lib64/libgdiplus.so

在线手工签名的实现思路

实现的思路如下，一图胜千言。

Canvas

后台api

生成

手工签名

签字图片

保存路径

数据源

FastReport 报表

xml报表模板

输出图片或PDF

FastReport的模板

模板文件可以采用设计器设计，设计完后，稍微修改下datasource，修改后的模板文件如下，供参考：

<?xml version="1.0" encoding="utf-8"?>
<Report ScriptLanguage="CSharp" ReportInfo.Created="02/20/2017 23:01:52" ReportInfo.Modified="09/24/2020 10:59:37" ReportInfo.CreatorVersion="2019.3.26.0">
  <ScriptText>
using System;
using System.Collections;
using System.Collections.Generic;
using System.ComponentModel;
using System.Windows.Forms;
using System.Drawing;
using System.Data;
using FastReport;
using FastReport.Data;
using FastReport.Dialog;
using FastReport.Barcode;
using FastReport.Table;
using FastReport.Utils;

namespace FastReport
{
  public class ReportScript
  {

  
  }
}</ScriptText>
  <Dictionary>
    <TableDataSource Name="t1" ReferenceName="Data.Table1" DataType="System.Int32" Enabled="true">    
      <Column Name="HOUSE_GID" DataType="System.String"/>
      <Column Name="GOODS_NAME" DataType="System.String"/>
      <Column Name="GOODS_STATUS" DataType="System.String"/>
      <Column Name="GOODS_DESCRIBE" DataType="System.String"/>
      <Column Name="CID" DataType="System.String"/>
      <Column Name="GOODS_NUMBER" DataType="System.Int16"/>
    </TableDataSource>
    <TableDataSource Name="t2" ReferenceName="Data.Table2" DataType="System.Int32" Enabled="true">     
      <Column Name="FILE_ID" DataType="System.String"/>
    </TableDataSource>
  </Dictionary>
  <ReportPage Name="Page1" Watermark.Font="宋体, 60pt">
    <PageHeaderBand Name="PageHeader1" Width="718.2" Height="85.05">
      <PictureObject Name="Picture1" Left="9.45" Width="349.65" Height="66.15" Image=""/>
      <TextObject Name="txtTitle" Left="478.95" Top="18.9" Width="302.4" Height="47.25" Text="收房确认书" HorzAlign="Center" Font="宋体, 20pt"/>
      <LineObject Name="Line1" Left="6.45" Top="66.15" Width="689.85"/>
    </PageHeaderBand>
    <DataBand Name="Data1" Top="338.75" Width="718.2" Height="37.8" CanGrow="true" CanShrink="true">
      <TextObject Name="Text36" Left="25.35" Width="47.25" Height="28.35" Border.Lines="All" CanGrow="true" GrowToBottom="true" Text="[Row#]" HorzAlign="Center" VertAlign="Center" Font="宋体, 9pt"/>
      <TextObject Name="Text32" Left="72.6" Width="132.3" Height="28.35" Border.Lines="All" CanGrow="true" GrowToBottom="true" Text="[t1.GOODS_NAME]" HorzAlign="Center" VertAlign="Center" WordWrap="false" Font="宋体, 9pt"/>
      <TextObject Name="Text111" Left="204.9" Width="132.3" Height="28.35" Border.Lines="All" CanGrow="true" GrowToBottom="true" Text="[t1.GOODS_NUMBER]" HorzAlign="Center" VertAlign="Center" WordWrap="false" Font="宋体, 9pt"/>
      <TextObject Name="Text31" Left="337.2" Width="270.27" Height="28.35" Border.Lines="All" CanGrow="true" GrowToBottom="true" Text="[t1.GOODS_DESCRIBE]" VertAlign="Center" Font="宋体, 9pt"/>
      <DataHeaderBand Name="DataHeader1" Top="89.05" Width="718.2" Height="245.7">
        <TextObject Name="Text18" Left="25.35" Top="217.35" Width="47.25" Height="28.35" Border.Lines="All" Text="行号" HorzAlign="Center" VertAlign="Center" Font="宋体, 9pt"/>
        <TextObject Name="Text9" Left="72.6" Top="217.35" Width="132.3" Height="28.35" Border.Lines="All" Text="物品" HorzAlign="Center" VertAlign="Center" Font="宋体, 9pt"/>
        <TextObject Name="Text8" Left="337.2" Top="217.35" Width="270.27" Height="28.35" Border.Lines="All" Text="物品描述" HorzAlign="Center" VertAlign="Center" Font="宋体, 9pt"/>
        <TextObject Name="Text110" Left="204.9" Top="217.35" Width="132.3" Height="28.35" Border.Lines="All" Text="数量" HorzAlign="Center" VertAlign="Center" Font="宋体, 9pt"/>
        <TextObject Name="lblVendorName" Left="6.45" Top="56.7" Width="689.85" Height="132.3" Text="高科房地产开发有限公司和业主就『东方现代城』第                       房向业主进行交接。&#13;&#10;&#13;&#10; 1、业主已检查清楚物业全部自用部位和自用设备，并已掌握室内设施的正确使用方法。&#13;&#10;&#13;&#10; 2、业主在此确认，已收到该物业的相关物件：" VertAlign="Center" Font="宋体, 9pt"/>
        <TextObject Name="Text113" Left="186" Top="9.45" Width="302.4" Height="47.25" Text="收房确认书" HorzAlign="Center" Font="宋体, 20pt"/>
        <TextObject Name="Text1" Left="302.4" Top="85.05" Width="122.85" Height="18.9" Text="[house_handover_goods.HOUSE_GID]"  Font="宋体, 14pt"/>
      </DataHeaderBand>
      <DataFooterBand Name="DataFooter1" Top="380.55" Width="718.2" Height="160.65">
        <TextObject Name="Text109" Left="6.45" Top="9.45" Width="689.85" Height="151.2" Text="&#13;&#10; 3、室内全部设施验收合格。 &#13;&#10;&#13;&#10; 4、本人已签署之东方现代城《前期物业管理服务协议》、《业主临时管理规约》、《消防安全责任书》和领取《业户手册》、《装修手册》、《住宅质量保证书》、《住宅使用说明书》等全部资料，并已完全了解以上内容，愿意接受相关服务及遵守东方现代城夷各项管理规定，并郑重承诺： &#13;&#10;&#13;&#10;     本人及房屋使用人、承租人、受让人等遵守上述规定相关条款，承担违反上述规定所造成的一切责任和损失。 &#13;&#10;     如果转让本物业，本人承诺将上述资料转予受让人，并将转让事宜自转让合同签署之日起10日内书面通知物业服务企业。" VertAlign="Center" Font="宋体, 9pt"/>
      </DataFooterBand>
    </DataBand>
    <PageFooterBand Name="PageFooter1" Top="545.2" Width="718.2" Height="132.3">
      <TextObject Name="txtPrintDate" Left="186" Top="94.5" Width="122.85" Height="18.9" Text="[Date]" Font="宋体, 9pt"/>
      <TextObject Name="Text3" Left="72.6" Top="94.5" Width="85.05" Height="18.9" Text="签字日期：" Font="宋体, 9pt"/>
      <TextObject Name="Text112" Left="72.6" Top="18.9" Width="85.05" Height="18.9" Text="业主签字：" Font="宋体, 9pt"/>
      <PictureObject Name="Picture2" Left="217.35" Top="9.45" Width="359.1" Height="75.6" ImageLocation="http://192.168.1.6/api/file/85074023914016768"/>
    </PageFooterBand>
  </ReportPage>
</Report>

导出pdf代码

FastReport导出pdf代码比较精简，如下：

 FastReport.Report report = new FastReport.Report();
 report.RegisterData(ds);
 // 这里是下载模板文件
 using (MemoryStream stream = Tools.DownLoad(fpxPath, context))
 {
     report.Load(stream);
 }
 report.Prepare();
 return report;
PDFExport export = new PDFExport();
export.SetReport(report);
export.Compressed = true;
export.Background = false;
export.PrintOptimized = false;
export.OpenAfterExport = false;
export.EmbeddingFonts = true;
fileName = getTempFilePath("pdf");
report.Export(export, fileName);

导出pdf，一切完美，但是由于签名后无法在手机端呈现pdf，因此只能把其导出为图片了，重点来了，生成的图片乱码了@#￥#@%￥#%￥……%￥

导出图片

导出图片代码如下，替换pdfexport即可：

var exportPng = new ImageExport();
exportPng.ImageFormat = ImageExportFormat.Png;
exportPng.SetReport(report);
exportPng.OpenAfterExport = false;
fileName = getTempFilePath("png");
report.Export(exportPng, fileName);

好惨啊，为甚这样对我？PDF生成就是好的啊，图片为啥乱码呢，难道centos下仍然需要安装其他东东？

乱码解决

进入Docker容器，各种字体库一顿猛如虎的操作，再次导出，毛用没有起到，仍然是尴尬的乱码。到底哪里出问题了？

开启神器搜索之王，一通搜索，找到了一篇issue： https://github.com/dotnet/runtime/issues/30941，这个bug阐述说.net core2.2可以绘制出好的文字，而.net core 3.0缺出现了bug，难道我这个问题和它们是相似的？

微软的专家说问题的原因是，他们已经在3.1修复了bug：

This was broken as part of this change: dotnet/corefx@b75421a#diff-8eda13b1268284d720355f95667dea21R218 as it is missing a CharSet = Unicode parameter in the DllImport.

Then we consolidated some Graphics code in between Unix and Windows and this was fixed there as you can see on master:
https://github.com/dotnet/corefx/blob/b49a8a9be1d53cd9e50cb68fd8540be25c65d433/src/System.Drawing.Common/src/System/Drawing/GdiplusNative.cs#L1234
I will put up a PR to fix this on 3.0 and 3.1 and of course audit to see if there were any other regressions where we needed to use Unicode as the Charset.

意思就是在引用 dll时，没有加 CharSet = CharSet.Unicode，好吧，这个人好粗心！哈哈~~~~

 [DllImport(LibraryName, ExactSpelling = true, CharSet = CharSet.Unicode)]
 internal static extern int GdipDrawString(HandleRef graphics, string textString, int length, HandleRef font, ref RectangleF layoutRect, HandleRef stringFormat, HandleRef brush);

大致找到了问题，那就简单了。我们为微服务项目内引用最新的包，相信应该可以搞定了。

<PackageReference Include="Microsoft.CodeAnalysis" Version="3.7.0" />
<PackageReference Include="System.Drawing.Common" Version="4.7.0" />
<PackageReference Include="System.Text.Encoding.CodePages" Version="4.7.1" />

修改，发布，测试，哈哈，搞定！

签名图片嵌入：采用url方式嵌入，需要在模板内编写代码。

//<Parameter Name="signUri" DataType="System.String" Expression="&quot;http://192.168.1.6/api/file/&quot;+[t2.FILE_ID]"/>
 private void Picture2_BeforePrint(object sender, EventArgs e)
    {
           Picture2.ImageLocation = (string)Report.GetParameterValue("signUri")  ;
    }

结语

又是一上午的时间，报表模板编辑，乱码，程序员的时间就是这么背消磨完的。希望这篇文章能帮助到你，使得你能节省出大量的时间，早早的回家陪家人！

FastReport真心好用，它已经节省了我大量的时间。如果能把乱码处理好，那应该不会再有大的坑了！

dotNET跨平台

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
.net core 微服务下的手工签名实现，以及消除中文乱码

最近在实现一款业主签字的需求，签字前端由vue下的某个共享组件实现，其采用Canvas绘图方式实现签名图片的生成，后台主要提供签名前文档的呈现，以及签名后文件合成过的签名文档保存。Fast...
复制链接

扫一扫