矢量 报表 html,【FastReport教程】矢量条形码和SVG PDF,HTML和SVG导出

FastReport 2018.2支持导出中的矢量图形,现在一些条形码和SVG图像以矢量形式导出,适用于导出为PDF,HTML和SVG。条形码——只能将线性条形码导出为矢量图像,在当前版本的2018.2.22中,在PDF导出设置窗口中添加了矢量图像设置的特殊选项卡——“Vector Graphics矢量图形”。

c722e7c45c0092938833e252b87900e5.png

这里我们有两种类型的设置——渐变质量和曲线。渐变的质量影响过渡的平滑度,即阴影的数量,渐变插值确定点处的渐变的维度。曲线插值允许绘制具有给定数量的段的曲线,相反,指定将用于创建段的点数,插值使曲线更圆,插值越高,获得的曲线越圆。旧版本的一些PDF阅读器在显示矢量图形方面存在问题,因此FastReport开发了自己的曲线构建器,如果关闭插值选项,PDF阅读器将选择如何构建曲线。

下面来看看渐变设置,PDF中的渐变是在渐变网格上生成的,即生成网格,在网格节点上计算网格颜色,然后创建复杂渐变。渐变的质量会影响将生成的网格的大小,渐变质量越高,生成的网格就越准确。但是,图像创建的速度将受到影响,渐变的插值显示PDF中将使用的网格大小,值越高,越漂亮,但磁盘上将占用更多空间。如果设置低质量并插值256,则这是渐变的外观:

dd59226378031b201c821f12428b4a33.png

高质量,插值256。

602eca9e7f8f03c4553da5290cf8358b.png

眼睛几乎看不到差异,但在复杂的梯度上可以更好地看到这种差异。例如,低质量:

c9ed06169c44ba31e4783fbfc988d933.png

高质量。

1ecd07d6f60eb460a1171221ff025ecd.png

但是,如果将梯度插值的值更改为最小值,则通常的线性渐变会立即显示出差异。例如,插值2:

a0905870cff7cabd1085e2561ef4894b.png

插值为16:

c797c762e6754235fe0bb959b8575802.png

现在考虑曲线的插值是如何操作的,例如有一个SVG图像——圆圈,使用标签实现:

163ef96191ab9df98eed58a0bce171d9.png

使用8段进行渲染,设置值8来插入曲线:

3e9449dbdd13468f64fd25225d219127.png

插值越大,曲线越圆,例如,通过较大的圆圈近似,可以看到:

5406f1ea7acbe753f75ab8109c99a0ef.png

可以看出,圆圈完全不是圆形的,它由许多部分组成。这里的情况与曲线完全相同,毕竟,符号也包含曲线。因此,文本插值的值越大,看起来越“定性”。“为什么需要这些设置?显然,需要使用最大设置来获得高质量的图像。

但是高设置会显着增加生成文件的大小。如果不需要最高质量的渐变和曲线,可以牺牲它们来减小文档的大小并提高其创建速度。

乍一看,新选项似乎对普通用户没什么用处,但是那些使用矢量图形的人会青睐它们,FastReport提供了SVG图像渲染器。

标签:报表FastReportFastReport .net

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至hey@evget.com

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值