SVG 作为 Latex 中的页面布局

SVG 作为 Latex 中的页面布局

我知道我们可以使用parshapeshapepar包来定制段落形状,但我想知道是否可以读取 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>元素。尺寸转换为毫米,然后转换为spy尺寸需要相对于页面高度进行计算。

可以这样使用:

\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 版本如下:

在此处输入图片描述

一个问题是,跨两个框架的段落的宽度是错误的。我不知道如何解决这个问题。

相关内容