Blog - Page 2 of 12

In this tutorial, we will learn how to draw Trapezium shape in TikZ using the library shapes.geometric. At the end of this post, you will be able to create trapezium shape with and without text content, change its color and access to its anchors (coordinates of its border). Node shape trapezium in TikZTrapezium shape is a part of the shapes.geometric TikZ library, so to work with this shape, we need to declare the library. We need to add the following piece of code after the TikZ package declaration:[code language="latex"]usetikzlibrary{shapes.geometric}[/code]A trapezium shape can be drawn by using the option trapezium to the node command. Following line creates a trapezium node named (t) at coordinate (0,0).[code language="latex"]documentclass[border=0.2cm]{standalone}usepackage{tikz}usetikzlibrary{shapes.geometric}begin{document}begin{tikzpicture}node[trapezium] (t) at (0,0) {};end{tikzpicture}end{document}[/code]Compiling this line of code displays nothing. The trapezium node will be drawn only if we provide draw option to the node command as follows:[code language="latex"]documentclass[border=0.2cm]{standalone}usepackage{tikz}usetikzlibrary{shapes.geometric}begin{document}begin{tikzpicture}node[trapezium,draw] (t) at (0,0) {};end{tikzpicture}end{document}[/code]Add text to the trapezium nodeThe previous code creates a trapezium node with empty content. Text can be added inside the trapezium node by putting it between the curly braces {} as follows:[code language="latex"]documentclass[border=0.2cm]{standalone}usepackage{tikz}usetikzlibrary{shapes.geometric}begin{document}begin{tikzpicture}node[trapezium,draw] (t) at (0,0) {Trapezium};end{tikzpicture}end{document}[/code]To fit the text inside the shape, this code yields to a trapezium with a size depends on its content:Change text color of the trapezium nodeIn the previous section, we have added content to the trapezium node and now we would like to change the text color. This can be achieved by providing the option text = to the node command:[code language="latex"]documentclass[border=0.2cm]{standalone}usepackage{tikz}usetikzlibrary{shapes.geometric}begin{document}begin{tikzpicture}node[trapezium,draw,text = brown] (t) at (0,0) {Trapezium};end{tikzpicture}end{document}[/code]Add filling color to a nodeThe trapezium node can be filled with any color using the option fill = . Here is an illustrative example of a light teal filling with our brown text:[code language="latex"]documentclass[border=0.2cm]{standalone}usepackage{tikz}usetikzlibrary{shapes.geometric}begin{document}begin{tikzpicture}node[trapezium,draw,text = brown,fill = teal!20] (t) at (0,0) {Trapezium};end{tikzpicture}end{document}[/code]Change the border line color of trapeziumThe trapezium border color can be modified (default is black) by providing the color name to the draw option draw = . Here is an example of a trapezium filled with light teal, has brown text and blue borders:[code language="latex"]documentclass[border=0.2cm]{standalone}usepackage{tikz}usetikzlibrary{shapes.geometric}begin{document}begin{tikzpicture}node[trapezium,draw = blue!80,text = brown,fill = teal!20] (t) at (0,0) {Trapezium};end{tikzpicture}end{document}[/code]Change the size of a trapezium nodeWe mentioned above that the size of a trapezium depends on its content. This is always true and we can set only the minimum size of a trapezium.We can arrange a minimum size for its bottom width with minimum width option, and similarly, we can set its height by using minimum height option.These settings are used separately when they are used for drawing a trapezium. This is due to TikZ trying to protect the general shape of the trapezium; when used together, TikZ will choose the larger minimum value with respect to its current size and adapt the other value to the new shape. We can avoid this restriction by setting trapezium stretches option to true.Below, we set the stretch option to true, minimum width value to 4 cm and the minimum height value to 3 cm.[code language="latex"]documentclass[border=0.2cm]{standalone}usepackage{tikz}usetikzlibrary{shapes.geometric}begin{document}begin{tikzpicture}node[trapezium,draw = blue!80,text = brown,fill = teal!20,trapezium stretches = true,minimum width = 3cm, minimum height = 1.5cm] (t) at (0,0) {Trapezium};end{tikzpicture}end{document}[/code]Change trapezium anglesWe can also change the lower internal angles of the trapezium using trapezium left angle and trapezium right angle options. However, to enforce these angles, we need to remove the trapezium stretches option, and therefore, remove one of the minimum size options. Here is an example of a trapezium with a minimum width value of 3 cm, a 120degrees left internal angle and a 60degrees right internal angle. (Since the angles are adding up to 180degrees, our shape is also a parallelogram.)[code language="latex"]documentclass[border=0.2cm]{standalone}usepackage{tikz}usetikzlibrary{shapes.geometric}begin{document}begin{tikzpicture}node[trapezium,draw = blue!80,text = brown,fill = teal!20,minimum width = 3cm,trapezium left angle = 120,trapezium right angle = 60] (t) at (0,0) {Trapezium};end{tikzpicture}end{document}[/code]If we need both of the lower internal angles to be the same, we can use trapezium angle option. Here is an example of a trapezium with 45degrees lower internal angles.[code language="latex"]documentclass[border=0.2cm]{standalone}usepackage{tikz}usetikzlibrary{shapes.geometric}begin{document}begin{tikzpicture}node[trapezium,draw = blue!80,text = brown,fill = teal!20,minimum width = 3cm, trapezium angle = 45] (t) at (0,0) {Trapezium};end{tikzpicture}end{document}[/code]Anchors of a trapezium nodeThe advantage of using a node trapezium is that it defines a set of anchors that we can use to get coordinates of the node borders or to position nodes with accuracy with respect to given coordinates. By default, node center is positioned at the provided coordinates ((0,0) for the previous examples).(t.west) represents the coordinates of the point located at the west of the trapezium node where t is the node name. We can also use angles where (t.0) is the coordinates of the point located at the east of the trapezium node.Adding anchor = south will place the node point (t.south) at the provided coordinate (0,0). Check this post: how to annotate an image in LaTeX (Positioning Nodes using Anchors section).Outer separationThe above anchors can be moved outside the node border by adding outer sep = to the node command. Here is an example of anchors moved outside the node border with 10pt.We reached the end of this post, If you have any questions or suggestions, leave me a comment or reach me via email at admin@latexdraw.com, I will be happy to hear from you!

TikZBlog

Archives: Blog