我知道我们可以使用parshape
该shapepar
包来定制段落形状,但我想知道是否可以读取 SVG 文件并将其用作页面布局?
一种可能的解决方案是使用luaxml
和读取 SVG 文件,按某种顺序识别框或闭合路径,然后使用 parshape。但是我想知道框如何相互连接以允许文本在它们之间流动,以及如何重复使用框,直到整个文本被使用和排版,尤其是在多个页面上。带有库tcolorbox
的包magazine
有一些类似的功能,但不确定是否可以以这种方式使用。
有没有什么解决方案(或类似的东西)?主要目的不是要有奇怪的段落形状,而是使用 SVG 编辑工具轻松编辑页面布局。
答案1
这是使用 LuaXML 进行 SVG 解析和使用 Flowfram 进行流框架的概念证明。
我已经创建了一个包svgflowfram.sty
:
\ProvidesPackage{svgflowfram}
\RequirePackage{flowfram}
\RequirePackage{xparse}
\RequirePackage{luacode}
\begin{luacode*}
local load_frames = require "svgframes"
function print_frame(x,y, width, height)
tex.print(string.format("\\newflowframe{%isp}{%isp}{%isp}{%isp}", width, height, x, y))
end
\end{luacode*}
\NewDocumentCommand\svgframes{o m o}{%
\IfNoValueTF{#1}{\def\svgflowfram@pages{}}{\def\svgflowfram@pages{#1}}
\IfNoValueTF{#3}{\def\svgflowfram@name{}}{\def\svgflowfram@name{#3}}
\directlua{
local frames = load_frames("\luatexluaescapestring{#2}")
for _, frame in ipairs(frames) do
print_frame(frame.x, frame.y, frame.width, frame.height)
end
}
}
\endinput
它提供了一个命令\svgframes
。它可以使用三个参数,一个是必需的,其他是可选的。可选参数应添加对 Flowframe 使用的页面规范的支持以及框架的可选名称。这些功能尚未实现,因此您只需使用必需参数,即 SVG 文件名。
SVG框架解析在库中实现svgframes.lua
:
local domobj = require "luaxml-domobject"
-- just assume we use milimeters at the moment
local function get_dimen(el, dimen_attr)
return tex.sp(el:get_attribute(dimen_attr) .. "mm")
end
function load_frames(svgfile, name)
local f=io.open(svgfile, "r")
if not f then return nil, "Cannot open file " .. svgfile end
local content = f:read("*all")
f:close()
local dom = domobj.parse(content)
local frames = {}
for _, r in ipairs(dom:query_selector("rect")) do
local x, y, width, height = get_dimen(r, "x"), get_dimen(r, "y"), get_dimen(r, "width"), get_dimen(r, "height")
y = tex.pageheight - (y + height)
frames[#frames+1] = {x=x, y=y, width=width, height=height}
end
return frames
end
return load_frames
它提供load_frames
使用 LuaXML DOM 函数加载 SVG 文件的功能,循环遍历所有<rect>
元素。尺寸转换为毫米,然后转换为sp
。y
尺寸需要相对于页面高度进行计算。
可以这样使用:
\documentclass{article}
\usepackage{svgflowfram}
\usepackage{lipsum}
\usepackage[margin=0pt]{geometry}
\svgframes{frames.svg}
\begin{document}
\lipsum[1-10]
\end{document}
示例 SVG 文件:
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="210mm"
height="297mm"
viewBox="0 0 210 297"
version="1.1"
id="svg8"
inkscape:version="0.92.4 (unknown)"
sodipodi:docname="frames.svg">
<defs
id="defs2" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.41"
inkscape:cx="-316.1324"
inkscape:cy="554.28571"
inkscape:document-units="mm"
inkscape:current-layer="layer1"
showgrid="false"
inkscape:window-width="1920"
inkscape:window-height="1016"
inkscape:window-x="0"
inkscape:window-y="27"
inkscape:window-maximized="1" />
<metadata
id="metadata5">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Vrstva 1"
inkscape:groupmode="layer"
id="layer1">
<rect
style="fill:#ffffff;stroke:#000000;stroke-width:0.27966458;stroke-miterlimit:0.30000001;stroke-dasharray:none;stroke-dashoffset:0"
id="rect815"
width="58.724594"
height="40.655487"
x="17.42378"
y="33.061993" />
<rect
style="fill:#ffffff;stroke:#000000;stroke-width:0.27966458;stroke-miterlimit:0.30000001;stroke-dasharray:none;stroke-dashoffset:0"
id="rect817"
width="82.601608"
height="36.783535"
x="90.990852"
y="91.141266" />
<rect
style="fill:#ffffff;stroke:#000000;stroke-width:0.27966458;stroke-miterlimit:0.30000001;stroke-dasharray:none;stroke-dashoffset:0;image-rendering:auto"
id="rect819"
width="80.020325"
height="41.94614"
x="20.005081"
y="143.4126">
<title
id="title842">logo</title>
</rect>
<rect
style="fill:#ffffff;stroke:#000000;stroke-width:0.27966458;stroke-miterlimit:0.30000001;stroke-dasharray:none;stroke-dashoffset:0"
id="rect821"
width="108.41463"
height="43.236786"
x="70.985771"
y="203.42784" />
</g>
</svg>
在 Inkscape 中渲染
PDF 版本如下:
一个问题是,跨两个框架的段落的宽度是错误的。我不知道如何解决这个问题。