tikz를 사용한 서열 정렬 다이어그램

Question

DNA 정렬 다이어그램을 만들려고 합니다. 내가 가진 것은 다음과 같습니다.

\definecolor{color1}{RGB}{255,183,236}
\definecolor{color2}{RGB}{255,249,158}

\begin{center}
\begin{tikzpicture}
  \node (read) [rectangle,draw,fill=color1] {TTTCAGATTT};
  \node (refread) at (1,3) [rectangle,draw,fill=color1] {TTTCAGATTT};
  \node at (refread.west) [rectangle,draw,fill=color2,anchor=east] {ACCAGG};
  \node at (refread.east) [rectangle,draw,fill=color2,anchor=west] {AAA};
  \draw[->]{(read) -- (refread)};
\end{tikzpicture}
\end{center}

상단에 있는 항목을 해당 부분이 강조 표시된 단일 시퀀스처럼 보이도록 하려면 어떻게 해야 합니까?

Answer 1

먼저 프레임 없이 상단에 상자를 그린 다음 그 주위에 상자를 그립니다.

\begin{tikzpicture}
  \node (read) [rectangle,draw,fill=color1] {TTTCAGATTT};

  \node (refread) at (1,3) [rectangle,fill=color1,inner xsep=0pt,line width=0] {TTTCAGATTT};
  \node (first) at (refread.west) [rectangle,fill=color2,anchor=east,inner xsep=0pt,,line width=0] {\,ACCAGG};
  \node (last) at (refread.east) [rectangle,fill=color2,anchor=west,inner xsep=0pt,line width=0] {AAA\,};
  \draw (first.south west) rectangle (last.north east);

  \draw[->]{(read) -- (refread)};
\end{tikzpicture}

편집: 흰색 테두리 문제를 해결하기 위해 수정되었습니다. 상자 높이는 변경되지 않았습니다. 그것은 아마도 내 PDF 뷰어(화면 캡처를 찍은)에서 생성된 인공물이었을 것입니다.

Answer 2

Michael의 답변 외에도 :

상자 높이는 여전히 고르지 않았습니다. 나는 이것을 \vphantom다음과 같이 고쳤습니다.

\node at (refread.east) [...] {\vphantom{ACTG}AAA\,};