☰

帶有波浪邊緣的數字卡，後面有陰影

tag-icon • tag-icon shadows cards
帶有波浪邊緣的數字卡，後面有陰影

這是我的mwe，不太好。我想創建像附圖中那樣的東西，而且很簡單，這樣我就可以製作更大或更小的單獨的卡片，這樣我就可以更改卡片上的數字，背景中的陰影也很好。在此輸入影像描述

\documentclass{article}
\usepackage{tikz}

\usetikzlibrary{shadows.blur}
\usetikzlibrary{shapes.symbols}

\begin{document}
    
    
    \begin{center}
        \begin{tikzpicture}
            
            \node[draw=none,shade, scale=3,
            top color=blue!40,
            bottom color=blue!5,
            rounded corners=6pt,
            blur shadow={shadow blur steps=5}
            ] {\sffamily\bfseries\large 1 };
                        \node[tape,draw=none,shade, scale=3,
            top color=blue!40,
            bottom color=blue!5,
            rounded corners=1pt,
            blur shadow={shadow blur steps=5,shadow blur extra rounding=1.3pt}
            ] at (5,0){\sffamily\bfseries\large 2};
\node [below] at (-2,0.5) { \huge Jack};    
                \end{tikzpicture}
    \end{center}

\end{document}

答案1

您可以使用star形狀rounded corners並設定star point ratio來獲得圓形卡片。

在此輸入影像描述

\documentclass{article}

\usepackage{tikz}
\usetikzlibrary{shapes.geometric, shadows}
\tikzset{
    card/.style={
        star, star points=4, star point ratio=1.47, 
        draw, rounded corners, shape border rotate=45, fill=white,
        general shadow={fill=gray!20, shadow scale=1.2}, 
        inner sep=0pt, minimum size=7mm, font=\sffamily\bfseries, 
        yscale=1.4, scale=2
    }
}

\newcommand{\card}[2][]{\tikz[baseline, #1]{\node[card]{#2};}}

\begin{document}
\pgfmathsetseed{12}
Jack \foreach \c[count=\n] in {7,3,2,6,9,7} {\card[transform shape, rotate=6-2*\n+3*rand]{\c}\;\;}

\bigskip
Jodie \foreach \c[count=\n] in {4,8,9,0,0,7} {\card[transform shape, rotate=6-2*\n+3*rand]{\c}\;\;}

\bigskip
Scaled \foreach \c[count=\n] in {A,B,C,D,E,F} {\card[transform shape, scale=.7]{\c}\;\;}

\bigskip
Single \card{?}
\end{document}

答案2

這是最好的，我可以想出從網站上借來的東西，我不明白和玩過，有人可以解釋一下，讓它變得更簡單。它確實有效

    % !TeX program = xelatex
% !TeX spellcheck = en_GB
\documentclass[12pt,addpoints]{exam}
\usepackage[margin=15mm]{geometry}
\usepackage{tikz}
\usepackage{pifont} 
\usepackage{anttor}
\usepackage[normalem]{ulem}

%\renewcommand\ULthickness{4pt}
%\setlength \ULdepth{16pt}
\begin{document}
    \pgfmathsetmacro{\cardwidth}{2}
    \pgfmathsetmacro{\cardheight}{3}
    \pgfmathsetmacro{\stripwidth}{0.6}
    \pgfmathsetmacro{\strippadding}{0.1}
    \pgfmathsetmacro{\textpadding}{-0.3}
    \pgfmathsetmacro{\ruleheight}{0.1}
    
    \newcommand\myfontsize{\fontsize{50pt}{50pt}\selectfont}

傑克和朱迪正在玩紙牌遊戲。每位玩家收到 6 張牌。

遊戲的目的是透過重新排列手中的牌來創造最大的數字。

\begin{tikzpicture}
    \draw [] (0,0) ;
    \node[align=left] at (0,2) { \Large \color{blue}  \textbf{Jack's } \\ \large \color{blue} \textbf{Cards }  };
\end{tikzpicture}
\begin{tikzpicture}
    \draw[rounded corners=0.2cm, very thick,color=blue] (0,0) rectangle (\cardwidth,\cardheight);
    \fill[white,rounded corners=0.1cm] (\strippadding,\strippadding) rectangle (\strippadding+\stripwidth,\cardheight-\strippadding);
    \node[text width=(\cardwidth-\strippadding-\stripwidth-2*\textpadding-0.3)*1cm,below right,   ] at (\strippadding+\stripwidth+\textpadding,\cardheight-\textpadding) {
        {          }\\
        
        \vspace{0.9cm}
        
        { \myfontsize 7    } 
        \vfill   };
\end{tikzpicture}
\begin{tikzpicture}
    \draw[rounded corners=0.2cm, very thick,color=blue] (0,0) rectangle (\cardwidth,\cardheight);
    \fill[white,rounded corners=0.1cm] (\strippadding,\strippadding) rectangle (\strippadding+\stripwidth,\cardheight-\strippadding);
    \node[text width=(\cardwidth-\strippadding-\stripwidth-2*\textpadding-0.3)*1cm,below right] at (\strippadding+\stripwidth+\textpadding,\cardheight-\textpadding) {
        {          }\\
        
        \vspace{0.9cm}
        
        { \myfontsize 3    } 
        \vfill   };
\end{tikzpicture}   
\begin{tikzpicture}
    \draw[rounded corners=0.2cm, very thick,color=blue] (0,0) rectangle (\cardwidth,\cardheight);
    \fill[white,rounded corners=0.1cm] (\strippadding,\strippadding) rectangle (\strippadding+\stripwidth,\cardheight-\strippadding);
    \node[text width=(\cardwidth-\strippadding-\stripwidth-2*\textpadding-0.3)*1cm,below right] at (\strippadding+\stripwidth+\textpadding,\cardheight-\textpadding) {
        {          }\\
        
        \vspace{0.9cm}
        
        { \myfontsize 2    } 
        \vfill   };
\end{tikzpicture}
\begin{tikzpicture}
    \draw[rounded corners=0.2cm, very thick,color=blue] (0,0) rectangle (\cardwidth,\cardheight);
    \fill[white,rounded corners=0.1cm] (\strippadding,\strippadding) rectangle (\strippadding+\stripwidth,\cardheight-\strippadding);
    \node[text width=(\cardwidth-\strippadding-\stripwidth-2*\textpadding-0.3)*1cm,below right] at (\strippadding+\stripwidth+\textpadding,\cardheight-\textpadding) {
        {          }\\
        
        \vspace{0.9cm}
        
        { \myfontsize 6    } 
        \vfill   };
\end{tikzpicture}
\begin{tikzpicture}
    \draw[rounded corners=0.2cm, very thick,color=blue] (0,0) rectangle (\cardwidth,\cardheight);
    \fill[white,rounded corners=0.1cm] (\strippadding,\strippadding) rectangle (\strippadding+\stripwidth,\cardheight-\strippadding);
    \node[text width=(\cardwidth-\strippadding-\stripwidth-2*\textpadding-0.3)*1cm,below right] at (\strippadding+\stripwidth+\textpadding,\cardheight-\textpadding) {
        {          }\\
        
        \vspace{0.9cm}
        
        { \myfontsize 9    } 
        \vfill   };
\end{tikzpicture}
\begin{tikzpicture}
    \draw[rounded corners=0.2cm, very thick,color=blue] (0,0) rectangle (\cardwidth,\cardheight);
    \fill[white,rounded corners=0.1cm] (\strippadding,\strippadding) rectangle (\strippadding+\stripwidth,\cardheight-\strippadding);
    \node[text width=(\cardwidth-\strippadding-\stripwidth-2*\textpadding-0.3)*1cm,below right] at (\strippadding+\stripwidth+\textpadding,\cardheight-\textpadding) {
        {          }\\
        
        \vspace{0.9cm}
        
        { \myfontsize 7    } 
        \vfill   };
\end{tikzpicture}   

\vspace{0.2cm}



\begin{tikzpicture}
    \draw [] (0,0) ;
    \node[align=left] at (0,2) { \Large \color{red}  \textbf{Jodie's } \\ \large \color{red} \textbf{Cards }  };
\end{tikzpicture}
\begin{tikzpicture}
    \draw[rounded corners=0.2cm, very thick,color=red] (0,0) rectangle (\cardwidth,\cardheight);
    \fill[white,rounded corners=0.1cm] (\strippadding,\strippadding) rectangle (\strippadding+\stripwidth,\cardheight-\strippadding);
    \node[text width=(\cardwidth-\strippadding-\stripwidth-2*\textpadding-0.3)*1cm,below right,   ] at (\strippadding+\stripwidth+\textpadding,\cardheight-\textpadding) {
        {          }\\
        
        \vspace{0.9cm}
        
        { \myfontsize  4   } 
        \vfill   };
\end{tikzpicture}
\begin{tikzpicture}
    \draw[rounded corners=0.2cm, very thick,color=red] (0,0) rectangle (\cardwidth,\cardheight);
    \fill[white,rounded corners=0.1cm] (\strippadding,\strippadding) rectangle (\strippadding+\stripwidth,\cardheight-\strippadding);
    \node[text width=(\cardwidth-\strippadding-\stripwidth-2*\textpadding-0.3)*1cm,below right] at (\strippadding+\stripwidth+\textpadding,\cardheight-\textpadding) {
        {          }\\
        
        \vspace{0.9cm}
        
        { \myfontsize 8   } 
        \vfill   };
\end{tikzpicture}   
\begin{tikzpicture}
    \draw[rounded corners=0.2cm, very thick,color=red] (0,0) rectangle (\cardwidth,\cardheight);
    \fill[white,rounded corners=0.1cm] (\strippadding,\strippadding) rectangle (\strippadding+\stripwidth,\cardheight-\strippadding);
    \node[text width=(\cardwidth-\strippadding-\stripwidth-2*\textpadding-0.3)*1cm,below right] at (\strippadding+\stripwidth+\textpadding,\cardheight-\textpadding) {
        {          }\\
        
        \vspace{0.9cm}
        
        { \myfontsize  9  } 
        \vfill   };
\end{tikzpicture}
\begin{tikzpicture}
    \draw[rounded corners=0.2cm, very thick,color=red] (0,0) rectangle (\cardwidth,\cardheight);
    \fill[white,rounded corners=0.1cm] (\strippadding,\strippadding) rectangle (\strippadding+\stripwidth,\cardheight-\strippadding);
    \node[text width=(\cardwidth-\strippadding-\stripwidth-2*\textpadding-0.3)*1cm,below right] at (\strippadding+\stripwidth+\textpadding,\cardheight-\textpadding) {
        {          }\\
        
        \vspace{0.9cm}
        
        { \myfontsize 0   } 
        \vfill   };
\end{tikzpicture}
\begin{tikzpicture}
    \draw[rounded corners=0.2cm, very thick,color=red] (0,0) rectangle (\cardwidth,\cardheight);
    \fill[white,rounded corners=0.1cm] (\strippadding,\strippadding) rectangle (\strippadding+\stripwidth,\cardheight-\strippadding);
    \node[text width=(\cardwidth-\strippadding-\stripwidth-2*\textpadding-0.3)*1cm,below right] at (\strippadding+\stripwidth+\textpadding,\cardheight-\textpadding) {
        {          }\\
        
        \vspace{0.9cm}
        
        { \myfontsize 0    } 
        \vfill   };
\end{tikzpicture}
\begin{tikzpicture}
    \draw[rounded corners=0.2cm, very thick,color=red] (0,0) rectangle (\cardwidth,\cardheight);
    \fill[white,rounded corners=0.1cm] (\strippadding,\strippadding) rectangle (\strippadding+\stripwidth,\cardheight-\strippadding);
    \node[text width=(\cardwidth-\strippadding-\stripwidth-2*\textpadding-0.3)*1cm,below right] at (\strippadding+\stripwidth+\textpadding,\cardheight-\textpadding) {
        {          }\\
        
        \vspace{0.9cm}
        
        { \myfontsize 7    } 
        \vfill   };
\end{tikzpicture}   


\end{document}

相關內容