☰

ページの境界線をテキストで装飾するにはどうすればいいですか?

tag-icon • tag-icon tikz-pgf decorations
ページの境界線をテキストで装飾するにはどうすればいいですか?

指定したフォントを使用して、ページの境界線をテキストで装飾したいと思います。ここでは、 を使用していますAugie。この回答円に沿ってテキストを書くにはどうすればいいですか?ガイダンスを提供します。ページ ノードからのオフセットとして、ページの端から 2.0 cmpathの を設定しました。ただし、画像で示されているように、テキストはパスに沿っていません。ガイダンスがあれば、ぜひ教えてください。rectangletikz

これがMWEです。

\documentclass[a4paper,svgnames,dvipsnames]{article}
\usepackage[margin=2.25cm,showframe]{geometry}
\usepackage[T1]{fontenc}
\usepackage{lipsum}
\usepackage{tikz}
\usetikzlibrary{decorations,decorations.text}
\usetikzlibrary{shapes.geometric, arrows, shadows,positioning}
\usetikzlibrary{calc}
\usepackage{emerald}

\pagestyle{empty}
\setlength{\parindent}{0pt}

\begin{document}

\begin{tikzpicture}

\noindent\path 
    [%rotate=190,
     draw=blue,line width=1.0pt,
     postaction={%
        decoration={%
            text along path,
            text={|\ECFAugie\huge\bfseries|
                {Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce cursus metus eget lorem ullamcorper auctor. Vivamus vitae porttitor urna. Nunc aliquet, lectus at gravida semper, tortor odio fringilla elit, et elementum tellus neque eu erat. Sed luctus facilisis ex, eu lobortis mi semper ac. Duis fringilla consequat sem, non interdum ante lacinia vitae. Maecenas vel volutpat urna, eu dignissim dolor. Proin sed metus ante. }
                },
           text align=fit to path,
           reverse path
           },
           decorate}]
       ($ (current page.north west) + (2.0cm,-2.0cm) $) rectangle ($ (current page.south east) + (-2.0cm,2.0cm) $)  ;
\end{tikzpicture}
\end{document}

@esdd のコメントに応えて、コードを次のように書き直しましたが、今ではテキストがまったくありません。

\begin{tikzpicture}
\noindent\path 
    [%rotate=190,
     draw=blue,line width=1.0pt,
     postaction={decorate,
                 decoration={text along path,
                             text format delimiters={|}{|},            
                             text={|\ECFAugie\huge\bfseries|Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce cursus metus eget lorem ullamcorper auctor. Vivamus vitae porttitor urna. Nunc aliquet, lectus at gravida semper, tortor odio fringilla elit, et elementum tellus neque eu erat.||},
                             text align=fit to path,
                             reverse path
                            },
                }
           ]
       ($ (current page.north west) + (2.0cm,-2.0cm) $) rectangle ($ (current page.south east) + (-2.0cm,2.0cm) $)  ;
\end{tikzpicture}

ここに画像の説明を入力してください

答え1

パッケージemeraldとAugieフォントはMiKTeXの一部です。

text={|\ECFAugie\huge\bfseries|Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ... ||}

remember picture,overlayオプションに追加しますtikzpicture。

\documentclass[a4paper,svgnames,dvipsnames]{article}
\usepackage[margin=2.25cm,showframe]{geometry}
\usepackage[T1]{fontenc}
\usepackage{lipsum}
\usepackage{tikz}
\usetikzlibrary{decorations,decorations.text}
\usetikzlibrary{shapes.geometric, arrows, shadows,positioning}
\usetikzlibrary{calc}
\usepackage{emerald}

\pagestyle{empty}
\setlength{\parindent}{0pt}

\begin{document}

\begin{tikzpicture}[remember picture,overlay]
\path 
    [%rotate=190,
     draw=blue,line width=1.0pt,
     postaction={%
        decoration={%
            text along path,
            text={|\ECFAugie\huge\bfseries|
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce cursus metus eget lorem ullamcorper auctor. Vivamus vitae porttitor urna. Nunc aliquet, lectus at gravida semper, tortor odio fringilla elit, et elementum tellus neque eu erat. Sed luctus facilisis ex, eu lobortis mi semper ac. Duis fringilla consequat sem, non interdum ante lacinia vitae. Maecenas vel volutpat urna, eu dignissim dolor. Proin sed metus ante. ||
                },
           text align=fit to path,
           reverse path
           },
           decorate}]
       ($ (current page.north west) + (2.0cm,-2.0cm) $) rectangle ($ (current page.south east) + (-2.0cm,2.0cm) $)  ;
\end{tikzpicture}
\end{document}

2回実行すると

ここに画像の説明を入力してください

フォントには太字バージョンが存在しないようなので、警告が表示されることに注意してくださいAugie。

関連情報