☰

将 tikzpicture 锚定到其他 tikzpicture

tag-icon • tag-icon tikz-pgf
将 tikzpicture 锚定到其他 tikzpicture

为什么这个红色框覆盖没有正确锚定到矩形标题框？

  • 不要使用 xshift 或 yshift。
  • 我想要那个标题框靠在顶部边距上，现在它们之间有空白。
  • 不要更改我的 headerbox 描述中的“baseline=(headerbox.center)”（因此我的文本居中。使用示例“\node at (headerbox.north east)...”将红色框锚定到它上面。

引用

\documentclass[10pt,a4paper]{article}
\usepackage[latin1]{inputenc}
\usepackage{amsmath}
\usepackage{amsfonts}
\usepackage{amssymb}
\usepackage{graphicx}
\usepackage{tikz}
\usetikzlibrary{positioning,calc,backgrounds}
\usepackage[left=2cm,top=2cm,right=2cm,bottom=2cm,showframe]{geometry}
\begin{document}
\newcommand{\newtab}[2]{%
    \begin{tikzpicture}[overlay]
        \node[inner sep=2mm,text=white] (#1) {#2};
        \begin{scope}[on background layer]
        \draw[fill=red]%
        ($(#1.north east)$)%
        --($(#1.north west)$)%
        --($(#1.south west)$)%
        -- ($(#1.south east)$)%
        -- cycle;%
        \end{scope}%
        \end{tikzpicture}% 
}%
\noindent\begin{tikzpicture}[rounded corners=0mm, outer sep=0pt,baseline=(headerbox.center)]%
\path node[rectangle,minimum width=\textwidth-\fboxrule,minimum height=3cm,draw=black,fill=white,inner xsep=0mm,inner ysep=0in](headerbox)%
{Headertekst}%
;%
\node at (headerbox.north east)[anchor=south east,inner sep=0pt, outer sep=0pt, line width=0cm] {\newtab{headerbox}{Labeltekst}};
\end{tikzpicture}\par Test%
\end{document}

引用在此处输入图片描述

答案1

如果实际文档中存在此问题，请向下调整一半的线宽。我认为您不需要这里的所有库，但仍然如此。

\documentclass[10pt,a4paper]{article}
\usepackage{tikz}
\usetikzlibrary{positioning,calc,backgrounds}
\usepackage[left=2cm,top=2cm,right=2cm,bottom=2cm,showframe]{geometry}
\begin{document}
  \newcommand{\newtab}[2]{%
    \begin{tikzpicture}[overlay]
      \node[inner sep=2mm,text=white] (#1) {#2};
      \begin{scope}[on background layer]
        \draw[fill=red]%
        ($(#1.north east)$)%
        --($(#1.north west)$)%
        --($(#1.south west)$)%
        -- ($(#1.south east)$)%
        -- cycle;%
      \end{scope}%
    \end{tikzpicture}%
  }%
  \noindent\begin{tikzpicture}[rounded corners=0mm, outer sep=0pt]%
    \path node[rectangle,minimum width=\textwidth-\fboxrule,minimum height=3cm,draw=black,fill=white,inner xsep=0mm,inner ysep=0in, anchor=north](headerbox) at (current page.north)
    {Headertekst}%
    ;%
    \node at (headerbox.north east)[anchor=south east,inner sep=0pt, outer sep=0pt, line width=0cm] {\newtab{headerbox}{Labeltekst}};
  \end{tikzpicture}\par Test%
\end{document}

标签

我认为，线条的粗细部分是人为的，部分是因为线条宽度的一半位于文本区域周围绘制框架的线条之上。

答案2

我找到了一个解决方案：

  • “更清洁”的代码
  • \node[overlay]，覆盖在该节点很重要，否则节点会占用空间并且标题框会向下移动。

(headerbox)如果节点中没有这个，at (headerbox.north east)(headerbox) {Tekst};红框就不会显示。不知道为什么，因为(headerbox.north east)明确指定了我想要放置红框的位置。无论如何，此代码运行正常：

引用

\documentclass[10pt,a4paper]{article}
\usepackage[latin1]{inputenc}
\usepackage{tikz}
\usepackage{calc}
\usetikzlibrary{calc,backgrounds}
\usepackage[showframe]{geometry}
\begin{document}
\noindent\begin{tikzpicture}
\node at (0,0) [rectangle,minimum width=\textwidth-\fboxrule,minimum height=5cm,draw=black,fill=white,inner xsep=0mm,inner ysep=0in,rounded corners=0mm, outer sep=0pt,baseline=(headerbox.center)](headerbox){};%
\node[overlay,inner sep=2mm,text=white,anchor=south east] at (headerbox.north east)(headerbox){Tekst};%
\begin{scope}[on background layer]%
\draw[fill=red,overlay]%
($ (headerbox.north east) $)
--($ (headerbox.north west) $)
--($ (headerbox.south west) $)
--($ (headerbox.south east) $)
-- cycle;%
\end{scope};%
\end{tikzpicture}%
\end{document}

引用

相关内容