Lazarus fpvectorial library
myzbx 2025-04-27 15:06 8 浏览
Lazarus fpvectorial library
本文参考自:
https://wiki.freepascal.org/fpvectorial
1.fpvectorial library 简介
FPVectorial 支持读取、修改和写入矢量图像。
它的对应库是 fcl 图像,它与光栅图像一起工作。FPVectorial 附带了一个单元,允许将矢量图像绘制到TFPCustomCanvas,但没有提供将光栅图像转换为矢量图像的例程。
2.支持的文件
FPVectorial 位于Free Pascal 2.3.1+ 目录
fpc/packages/fpvectoral/src 中,单元是 fpvectoral。
各种图像格式的读取器:
- pdfvectorialreader - 读取支持PDF文件,支持压缩,仅读取第一页
- avisocncgcodereader - 从 Aviso CNC 机器读取对 G-Code 的支持
- cdrverialreader - Corel Draw CDR 文件读取器支持的初始工作
- dxfvectorialreader - 对 DXF(AutoCAD使用的图形交换格式)的读取支持
- svgvectorialreader - 读取对 SVG 的支持
- epsvectoralreade r- 对封装 PostScript 的读取支持
- wmfvectorialreader - 对 WMF 的读取支持(Windows图元文件,跨平台!)
各种图像格式的写入程序:
- avisocncgcodewriter - 编写对 Aviso CNC 机器 G-Code 的支持
- svgvectorialwriter - 编写 SVG 支持。支持直线、曲线和文本。支持笔的颜色和宽度。
其他单元:
- fpvtocanvas - 将矢量文档转换为 TFPCustomCanvas 子代(如 TCanvas)。将矢量图像转换为光栅图像
- fpvutils - 不属于fpvectoral的实用函数。
- pdfvrlexico、pdfvrsemantico、pdfvrsintatico、avisozlib - PDF 阅读器中的其他单元,请勿直接使用
3.格式
PDF格式由 Adobe 开发,并有完整的文档记录。在内部,PDF只是文本,所以它很容易解析,但文本的部分通常可以压缩。
- CorelDraw
Corel不发布其CorelDraw文件格式的公共文档。关于这种格式的任何信息都取决于逆向工程和猜测。该格式是二进制的,由块树组成。
- SVG
可缩放矢量图形(SVG)是 W3C 的矢量图形标准。它是 Inkscape 的原生格式,并将其数据存储为一个扩展名为 “.svg” 的未压缩 XML 文件。
- DXF
Autodesk AutoCAD 中的图形交换格式。这种格式是文档化的,但文档的质量相当低,缺乏足够的解释。
格式本身相当简单,由文本组成。每个单元由两行组成,第一行是描述数据类型的数字,然后是另一行,其中包含值本身,可能是文本或数字。
其他 DXF 读取库中最常见的问题是,它们不支持更新版本的 AutoCAD 编写的实际 DXF。fpvectoral并非如此,它已在 AutoCAD 2000 和 前的更简单格式中进行了测试。
- WMF
Windows元文件(WMF)格式最初是在 20 世纪 90 年代为 Microsoft Windows 设计的。这些文件可以包含矢量图形和位图组件,并包含一系列绘图命令和参数,这些参数最初直接传递给 Windows 图形设备接口(GDI);然而,在 fpvectoral 中,它们被转换为图形对象,这使得格式平台独立。
- PostScript
PostScript 是一种图形绘图编程语言,fpvectorial 有一个解释器,可以执行 PostScript 并将其命令转换为内部格式。这是由读取器模块完成的,例如 epsvectoralreader。解释器分为令牌化器和执行器。令牌分为3种类型:过程、ExpressionTokens 和注释。过程位于 PostScript 中的{..}块内,在 FPVectorial 中,它们在第一次使用时不标记,而是在第一次执行时标记。在执行标记之前,整个文档在一次运行中标记化,过程除外。PostScript 解释器包含 PostScript 中指定的堆栈和查找字典。
PostScript可以嵌入各种格式,解释器当前支持EPS格式。
- LAS
LAS 是以 ASPRS LASer(LAS)文件格式编码的地理空间数据,存在于版本 1.0、1.1、1.2、1.3 和 1.4 中。截至2011年12月,版本2.0尚未存在。
4.FPVectorial 中的数据类型
FPVectorial包含三种类型的对象列表:路径、文本和实体。
基本上,路径是点的序列,通过这些点可以运行直线和贝塞尔曲线。路径可以是直线、贝塞尔曲线、折线、多边形或这些元素的任意组合。路径的主要特征是,它们可以用于引导称为 CNC 物理执行绘图。在能够在 CNC 机床中执行包含文本或实体的图形之前,需要将这些项目转换为路径。
文本,就像名字所说的那样,是用字体绘制的字符串。
实体是圆、圆弧、椭圆、旋转椭圆等。
5.示例
5.1格式转换
本例加载 PDF,将其转换为 G-Code,并将G-Code写入TStrings
uses
fpvectorial, pdfvectorialreader, avisocncgcodewriter;
var
Vec: TvVectorialDocument;
begin
if dialogoAbrir.Execute() then
begin
Vec := TvVectorialDocument.Create;
try
Vec.ReadFromFile(dialogoAbrir.FileName, vfPDF);
Vec.WriteToStrings(synCodigo.Lines, vfGCodeAvisoCNCPrototipoV5);
finally
Vec.Free;
end;
end;
end;
5.2添加路径、边框线和文本
此示例显示如何添加各种元素。
program fpvwritetest;
{$mode objfpc}{$H+}
uses
fpvectorial, svgvectorialwriter;
const
cFormat = vfSVG;
cExtension = '.svg';
var
VecDoc: TvVectorialDocument;
Vec: TvVectorialPage;
begin
VecDoc := TvVectorialDocument.Create;
try
Vec := VecDoc.AddPage();
// All documents are 10cm x 10cm
Vec.Width := 100;
Vec.Height := 100;
// ...
// multi_test_1 Combines various elements
Vec.Clear;
Vec.StartPath(0, 20);
Vec.AddLineToPath(30, 30);
Vec.EndPath();
Vec.StartPath(0, 0);
Vec.AddLineToPath(100, 0);
Vec.AddLineToPath(100, 100);
Vec.AddLineToPath(0, 100);
Vec.AddLineToPath(0, 0);
Vec.EndPath();
Vec.StartPath(0, 0);
Vec.AddLineToPath(10, 10);
Vec.AddBezierToPath(10, 20, 20, 20, 20, 10);
Vec.AddLineToPath(30, 0);
Vec.EndPath();
Vec.AddText(10, 10, 0, '10,10 Some text in english.');
Vec.AddText(20, 20, 0, '20, 20 Mówi'c, cze's'c, Wlosku, Parabéns.');
Vec.AddText(30, 30, 0, '30, 30 森林,是一个高密');
VecDoc.WriteToFile('multi_test_1' + cExtension, cFormat);
finally
VecDoc.Free;
end;
end.
以下是Opera浏览器渲染此示例时的输出:
5.3 添加对齐坐标
可以添加水平坐标:
Vec.AddAlignedDimension(Make2DPoint(100, 50), Make2DPoint(200, 100), Make2DPoint(100, 150), Make2DPoint(200, 150));
或添加垂直坐标:
Vec.AddAlignedDimension(Make2DPoint(50, 250), Make2DPoint(100, 200), Make2DPoint(150, 250), Make2DPoint(150, 200));
5.4将图像渲染到TCanvas
要将矢量图像渲染到 TCanvas 或 TFPCustomCanvas 中,请使用单元 fpvtocanvas 及其例程:
unit fpvtocanvas;
//..
{@@
This function draws a FPVectorial vectorial image to a TFPCustomCanvas
descendent, such as TCanvas from the LCL.
Be careful that by default this routine does not execute coordinate transformations,
and that FPVectorial works with a start point in the bottom-left corner, with
the X growing to the right and the Y growing to the top. This will result in
an image in TFPCustomCanvas mirrored in the Y axis in relation with the document
as seen in a PDF viewer, for example. This can be easily changed with the
provided parameters. To have the standard view of an image viewer one could
use this function like this:
DrawFPVectorialToCanvas(ASource, ADest, 0, ASource.Height, 1.0, -1.0);
}
procedure DrawFPVectorialToCanvas(ASource: TvVectorialPage;
ADest: TFPCustomCanvas;
ADestX: Integer = 0; ADestY: Integer = 0; AMulX: Double = 1.0; AMulY: Double = 1.0);
下面是一个来自 lazarus ccr/application/fpviewer 的示例:
uses fpvtocanvas;
procedure TfrmFPVViewer.btnVisualizeClick(Sender: TObject);
const
FPVVIEWER_MAX_IMAGE_SIZE = 1000;
FPVVIEWER_MIN_IMAGE_SIZE = 100;
FPVVIEWER_SPACE_FOR_NEGATIVE_COORDS = 100;
var
Vec: TvVectorialDocument;
CanvasSize: TPoint;
begin
// First check the in input
//if not CheckInput() then Exit;
notebook.PageIndex := 0;
Drawer.Clear;
Vec := TvVectorialDocument.Create;
try
Vec.ReadFromFile(editFileName.FileName);
// We need to be robust, because sometimes the document size won't be given
// also give up drawing everything if we need more then 4MB of RAM for the image
// and also give some space in the image to allow for negative coordinates
if Vec.Width * spinScale.Value > FPVVIEWER_MAX_IMAGE_SIZE then CanvasSize.X := FPVVIEWER_MAX_IMAGE_SIZE
else if Vec.Width < FPVVIEWER_MIN_IMAGE_SIZE then CanvasSize.X := Drawer.Width
else CanvasSize.X := Round(Vec.Width * spinScale.Value);
if CanvasSize.X < Drawer.Width then CanvasSize.X := Drawer.Width;
if Vec.Height * spinScale.Value > FPVVIEWER_MAX_IMAGE_SIZE then CanvasSize.Y := FPVVIEWER_MAX_IMAGE_SIZE
else if Vec.Height < FPVVIEWER_MIN_IMAGE_SIZE then CanvasSize.Y := Drawer.Height
else CanvasSize.Y := Round(Vec.Height * spinScale.Value);
if CanvasSize.Y < Drawer.Height then CanvasSize.Y := Drawer.Height;
Drawer.Drawing.Width := CanvasSize.X;
Drawer.Drawing.Height := CanvasSize.Y;
Drawer.Drawing.Canvas.Brush.Color := clWhite;
Drawer.Drawing.Canvas.Brush.Style := bsSolid;
Drawer.Drawing.Canvas.FillRect(0, 0, Drawer.Drawing.Width, Drawer.Drawing.Height);
DrawFPVectorialToCanvas(
Vec.GetPage(0),
Drawer.Drawing.Canvas,
FPVVIEWER_SPACE_FOR_NEGATIVE_COORDS,
Drawer.Drawing.Height - FPVVIEWER_SPACE_FOR_NEGATIVE_COORDS,
spinScale.Value,
-1 * spinScale.Value);
Drawer.Invalidate;
finally
Vec.Free;
end;
end;
6.FPVectorial 中的坐标
需要注意的是,FPVectorial 使用两种不同的坐标系统:左上坐标和左下坐标。TCanvas 使用 Windows API 中的坐标,原点位于左上角,X轴向右延伸,Y轴向下延伸。FPVectorial 除了支持此系统外,还支持另一种绘图格式,该系统是本地的,例如 CAD 软件、Inkscape、Mac OS X API(Carbon和Cocoa)等。在 FPVectoral 中,除了SVG 之外,所有矢量图形格式的原点都位于左下角。X轴向右增长,Y轴向上增长。SVG和所有文本文档格式(如DOCX)的原点位于左上方。
当坐标与 TCanvas 不匹配时,在 TCanvas 和 FPVectorial 之间转换坐标时应小心。要在 TCanvas 和 FPVectorial 之间转换坐标,需要画布的高度。单位 fpvutils 的以下例程可用于执行此转换:
{@@ Converts the coordinate system from a TCanvas to FPVectorial
The basic difference is that the Y axis is positioned differently and
points upwards in FPVectorial and downwards in TCanvas.
The X axis doesn't change. The fix is trivial and requires only the Height of
the Canvas as extra info.
}
function CanvasCoordsToFPVectorial(AY: Integer; AHeight: Integer):
Integer; inline;
begin
Result := AHeight - AY;
end;
在文本定位方面也存在差异。在TCanvas 文本输出文本基于文本区域的左上角坐标定位。在 fpvectoral 中,它基于左下角。同样,单元 fpvutils 中有一个方便的例程可以在坐标系之间转换:
{@@
LCL Text is positioned based on the top-left corner of the text.
Besides that, one also needs to take the general coordinate change into account too.
@param ACanvasHeight Should receive TCanvas.Height
@param ATextHeight Should receive TFont.Size
}
function CanvasTextPosToFPVectorial(AY: Integer; ACanvasHeight, ATextHeight: Integer): Integer;
begin
Result := CanvasCoordsToFPVectorial(AY, ACanvasHeight) - ATextHeight;
end;
相关推荐
- 一键生成高颜值图表!让你的文字瞬间有画面感,职场人必备!
-
哈喽,打工人们!忙碌的周中,大熊又来给你们带来一个超实用的效率神器啦!这次的宝藏网站绝对是那种用过就离不开的"真香"型产品!假设你明天就要做重要汇报,可面对一大堆密密麻麻的文字材料,你...
- 批量将 Word 转换为 PDF/Excel/Txt/图片等多种格式
-
Word文档是我们工作中经常会打交道的一种文档格式,我们也经常会有需要对Word文档进行格式转换的需求,比如将Word格式转换为PDF、将Word文档转换为Excel、将Word...
- 绝了!一键用AI生成高颜值动态PPT(附详细步骤+Prompt)
-
大家好,我是一名酷爱研究AI的产品经理,最近我有个新发现:那些花了你3天做出来的PPT,现在用AI可以1小时搞定!而且颜值还高!为什么AI做PPT比传统方式效率高10倍?我用一张图就能告诉你:AI生成...
- ztext - 简单几行代码创建酷炫3D特效文字的开源JS库
-
把网页上的文字变成酷炫的3D风格,还能制作旋转动效,有了ztext.js,只需要几行代码。ztext能做什么ztext.js是一个能把常规的平面文字变成3D样式的前端开源代码库,让开发者...
- 文字内插入小图片,也太可爱了吧(文字中怎么插图片)
-
图文排版H5手机版秀米有小伙伴留言问添加图片的时候可不可以把图片添加到文字之间比如下面这句话中的小贴纸图片后面可以接着输入文字其实吧这就是咱们的『文字内插入小图片』功能嘛可以用来在文字内加个表情包又...
- Linux环境下C++代码性能分析方法(linux怎么写c++代码)
-
技术背景在开发C++应用程序时,找出代码中运行缓慢的部分是进行性能优化的关键。在Linux系统上,有多种工具和方法可用于对C++代码进行性能分析,每种方法都有其特点和适用场景。实现步骤手动中断调试法在...
- SVG互动图文,让你的文章更有趣!教你4种简单易学的黑科技玩法!
-
如果你是一个公众号创作者,那么你一定想知道如何让你的文章更加吸引人,更加有趣,更加有创意。你可能已经尝试过各种图文排版技巧,但是你是否知道,有一种黑科技可以让你的文章变得更加酷炫,更加互动,更加爆款?...
- Videoscribe怎么实现实心中文汉字的手绘制作
-
很多朋友在制作手绘视频的时候,不知道怎么输入实心的中文汉字,之前我们已经给大家分享了怎么输入汉字的方法,但是有一点遗憾的是输出的汉字是空心的手绘展示,在视觉上并不是非常的美观。经过大家不断的探索,终于...
- 一款用于将文本转化成图表的现代化脚本语言
-
大家好,又见面了,我是GitHub精选君!今天要给大家推荐一个GitHub开源项目terrastruct/d2,该项目在GitHub有超过10.3kStar,用一句话介绍该项目就是:...
- 探秘 Web 水印技术(制作水印网站)
-
作者:fransli,腾讯PCG前端开发工程师Web水印技术在信息安全和版权保护等领域有着广泛的应用,对防止信息泄露或知识产品被侵犯有重要意义。水印根据可见性可分为可见水印和不可见水印(盲水印)...
- 不忍心卸载的五款神仙工具(不忍心卸载的五款神仙工具是什么)
-
001.效率工具uTools-装机必备的生产力工具集uTools是一款非常强大的可以装下几乎所有效率工具的电脑生产力工具集,目前拥有Windows、Mac和Linux三个版本。软件界面...
- 「SVG」飞花令!这份最高检工作报告“超有料”
-
原标题:【SVG】飞花令!这份最高检工作报告“超有料”栏目主编:秦红文字编辑:沈佳灵来源:作者:最高人民检察院...
- svg|2025政府工作报告,有没有你关心的数据?
-
··<setattributeName="visibility"begin="click+0s"dur="1ms"fill="freeze"restart="never"to="hi...
- videoscribe只能输入英文,如何输入中文文本?
-
videoscribe只能输入英文,如何输入中文文本?打开VideoScribe软件,打开要添加中文字体的位置。打开Photoshop并在文件中创建一个新的透明背景图层。注意:必须是透明背景层。...
- 五个流行的SVG在线编辑器(svg编辑工具)
-
随着响应网络的发展,越来越多的高质量的SVG在线编辑器被公众所熟知。SVG矢量图形也越来越受欢迎,以便在任何设备上呈现图像,甚至一些易于使用的SVG在线编辑器,可以替代PS,本文总结了五种流行的SVG...
- 一周热门
- 最近发表
- 标签列表
-
- HTML 简介 (30)
- HTML 响应式设计 (31)
- HTML URL 编码 (32)
- HTML Web 服务器 (31)
- HTML 表单属性 (32)
- HTML 音频 (31)
- HTML5 支持 (33)
- HTML API (36)
- HTML 总结 (32)
- HTML 全局属性 (32)
- HTML 事件 (31)
- HTML 画布 (32)
- HTTP 方法 (30)
- 键盘快捷键 (30)
- CSS 语法 (35)
- CSS 选择器 (30)
- CSS 轮廓 (30)
- CSS 轮廓宽度 (31)
- CSS 谷歌字体 (33)
- CSS 链接 (31)
- CSS 中级教程 (30)
- CSS 定位 (31)
- CSS 图片库 (32)
- CSS 图像精灵 (31)
- SVG 文本 (32)