ボックス内にグリッドを生成する

ボックス内にグリッドを生成する

私は次のような前文を使っている

\documentclass[10pt]{article}

\usepackage{graphicx}
\usepackage{colortbl}
\usepackage[table]{xcolor}
\usepackage[many]{tcolorbox}

\usepackage{XCharter}
\usepackage[T1]{fontenc}

\newtcolorbox{learng}{
  breakable,
  enhanced,
  arc=0pt,
  outer arc=0pt,
  colframe=titlegrammar,
  colback=titlegrammar!03,
  overlay unbroken and first={
    \node[
      draw=titlegrammar,
      fill=titlegrammar,
      rotate=270,
      anchor=north west,
      text=white,
      font=\bfseries
    ]
    at (frame.north west)
    {LEARN THIS!};
  }
}

\definecolor{titlegrammar}{RGB}{255,128,0}

\begin{document}

\begin{learng}
text goes here
\end{learng}

\end{document}

同様のボックスが生成されます:

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

写真をよく見ると、何らかのグリッドが生成されているのがわかります。この結果を再現したいのですが、可能ですか?


質問に答えてもらった後、いくつか修正を加え、結果は次のようになりました。

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

答え1

グリッドには、と のunderlay={...}オプションを使用します。色の強度を下げるために不透明度の値を使用しましたが、これはもちろん個人の見解によって異なります。\fill[...]\filldraw

tcolorboxTiを使用しているためZをバックグラウンドで使用すると、基本的にすべてのTikZ操作が可能になります。

ここでは、デモンストレーションのためだけに白い線が意図的に誇張されています。

基本的に、colframe色のみを指定する必要があり、他のすべての値はtcbcol@frameそれを使用します。

\documentclass[10pt]{article}

\usepackage{graphicx}
\usepackage{colortbl}
\usepackage[table]{xcolor}
\usepackage[most]{tcolorbox}

\usepackage{blindtext}
\usepackage{XCharter}
\usepackage[T1]{fontenc}

\definecolor{titlegrammar}{RGB}{255,128,0}
\newtcolorbox{learng}{
  breakable,
  enhanced,
  arc=0pt,
  outer arc=0pt,
  colframe=titlegrammar,
  colback=tcbcol@frame!03,
  overlay unbroken and first={
    \node[
      draw=tcbcol@frame,
      fill=tcbcol@frame,
      rotate=270,
      anchor=north west,
      text=white,
      font=\bfseries
    ]
    at (frame.north west)
    {LEARN THIS!};
  },
  underlay={\begin{tcbclipinterior}
      \fill[tcbcol@frame,opacity=0.4] (interior.south west) rectangle (interior.north east);
      \filldraw[help lines,step=5mm,line width=2pt,white,shift={(interior.north west)}]
      (interior.south west) grid (interior.north east);
    \end{tcbclipinterior}}
}


\begin{document}

\begin{learng}
\blindtext
\end{learng}
\end{document}

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

関連情報