QuickLaTeX is free online service which allows LaTeX usage on the web pages.
QuickLaTeX supports tikZ
graphics since version 3.7.1.
User can insert tikZ
code snippets directly on the page (in WordPress editor) between \begin{tikzpicture} ... \end{tikzpicture}
commands. QuickLaTeX will render it into image and place on the page.
By default, tikz
is not included into QuickLaTeX preamble, so user has to include tikz
package in the local preamble manually using [+preamble] ... [/preamble]
shortcodes.
Let’s check few examples. Plotting:
\begin{tikzpicture} % Include tikz into local preamble [+preamble] \usepackage{tikz} \usepackage{pgfplots} \usepgfplotslibrary{fillbetween} \usetikzlibrary{patterns} \usepackage{color} [/preamble] \begin{axis}[ axis equal, %domain=-3:3, grid, grid style={dashed,gray!30}, smooth, xmin=-2, xmax=2, ymin=-1.5, ymax=3.5, axis lines=middle, xlabel=$x$, xlabel style={below, anchor=north east,inner xsep=0pt}, xtick={-2,...,2}, ylabel=$y$, ylabel style={above,anchor=north east,inner ysep=0pt}, ytick={-1,...,3}, samples=100, %legend cell align=left, %legend pos=outer north east, legend style={at={(1,1)},xshift=0cm,anchor=north east,nodes=right,fill=none} ] \addplot[red,name path=f1,mark=none,domain=-2:2,line legend,thick] {3-x^2}; \addlegendentry{$f_{1}(x)$} \addplot[blue,name path=f2,mark=none,domain=-1.4:1.4, line legend,thick] {3*x^2-1}; \addlegendentry{$f_{2}(x)$} \path[name path=lower,intersection segments={of=f1 and f2,sequence=B0 --A1}]; \addplot[pattern=north west lines, pattern color=green]fill between[of=f2 and lower]; \addlegendentry{$\cal{A}$} \end{axis} \end{tikzpicture}
QuickLaTeX will render it on the page as:
A little more elaborate example is Rotated triangle by Martin Scharrer:
\begin{tikzpicture} [+preamble] \usepackage[usenames,dvipsnames,pdftex]{xcolor} \usepackage{tikz,ifthen} [/preamble] \coordinate (A) at (0,0); \coordinate (B) at (-60:12cm); \coordinate (C) at (240:12cm); \foreach \density in {20,30,...,160}{% \draw[fill=MidnightBlue!\density] (A)--(B)--(C)--cycle; \path (A) coordinate (X) -- (B) coordinate[pos=.15](A) -- (C) coordinate[pos=.15](B) -- (X) coordinate[pos=.15](C); } \end{tikzpicture}
User can scale drawings with \begin{tikzpicture}[scale=N] .... \end{tikzpicture}
as usual, e.g. [scale=0.5]
:
2 Comments
can’t display:
Somehow new version of TikZ doesn’t work with [scale=2]. If we remove it – everything works fine (as you see).