# GrapeCity.Documents.Layout.Composition.Visual

## Content

<div class="doc-site-dotnet-api-container">



  <h1 id="GrapeCity_Documents_Layout_Composition_Visual" data-uid="GrapeCity.Documents.Layout.Composition.Visual" class="text-break">Visual Class
</h1>
  <div class="markdown level0 summary"><p>Represents a figure, text, or image on a <a class="xref" href="GrapeCity.Documents.Layout.Composition.Layer.html">Layer</a>.</p>
</div>
  <div class="markdown level0 conceptual"></div>
  <div class="inheritance">
    <h5>Inheritance</h5>
    <div class="level0"><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.object">object</a></div>
    <div class="level1"><a class="xref" href="GrapeCity.Documents.Layout.Composition.Space.html">Space</a></div>
    <div class="level2"><span class="xref">Visual</span></div>
  </div>
  <h6><strong>Namespace</strong>: <a class="xref" href="GrapeCity.Documents.Layout.Composition.html">GrapeCity.Documents.Layout.Composition</a></h6>
  <h6><strong>Assembly</strong>: DS.Documents.Imaging.dll</h6>
  <h5 id="GrapeCity_Documents_Layout_Composition_Visual_syntax">Syntax</h5>
  <div class="codewrapper">
    <pre><code class="lang-csharp hljs">public class Visual : Space</code></pre>
  </div>
  <div class="codewrapper">
    <pre><code class="lang-vbnet hljs">Public Class Visual
    Inherits Space</code></pre>
  </div>
  <h3 id="properties">Properties
</h3>
  <table class="table table-bordered table-condensed">
    <thead>
      <tr>
        <th>Name</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td id="GrapeCity_Documents_Layout_Composition_Visual_AnchorPoints" data-uid="GrapeCity.Documents.Layout.Composition.Visual.AnchorPoints">
          <a class="xref" href="GrapeCity.Documents.Layout.Composition.Visual.AnchorPoints.html#GrapeCity_Documents_Layout_Composition_Visual_AnchorPoints">AnchorPoints</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the associated array of <a class="xref" href="GrapeCity.Documents.Layout.AnchorPoint.html">AnchorPoint</a> objects.</p>
<p>
Either <a class="xref" href="GrapeCity.Documents.Layout.Composition.Visual.Contour.html#GrapeCity_Documents_Layout_Composition_Visual_Contour">Contour</a> or <a class="xref" href="GrapeCity.Documents.Layout.Composition.Visual.AnchorPoints.html#GrapeCity_Documents_Layout_Composition_Visual_AnchorPoints">AnchorPoints</a> can be assigned at the same time, but not both.
</p>
</td>
      </tr>
      <tr>
        <td id="GrapeCity_Documents_Layout_Composition_Visual_Contour" data-uid="GrapeCity.Documents.Layout.Composition.Visual.Contour">
          <a class="xref" href="GrapeCity.Documents.Layout.Composition.Visual.Contour.html#GrapeCity_Documents_Layout_Composition_Visual_Contour">Contour</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets an associated <a class="xref" href="GrapeCity.Documents.Layout.Contour.html">Contour</a> object.</p>
<p>
Either <a class="xref" href="GrapeCity.Documents.Layout.Composition.Visual.Contour.html#GrapeCity_Documents_Layout_Composition_Visual_Contour">Contour</a> or <a class="xref" href="GrapeCity.Documents.Layout.Composition.Visual.AnchorPoints.html#GrapeCity_Documents_Layout_Composition_Visual_AnchorPoints">AnchorPoints</a> can be assigned at the same time, but not both.
</p>
</td>
      </tr>
      <tr>
        <td id="GrapeCity_Documents_Layout_Composition_Visual_Draw" data-uid="GrapeCity.Documents.Layout.Composition.Visual.Draw">
          <a class="xref" href="GrapeCity.Documents.Layout.Composition.Visual.Draw.html#GrapeCity_Documents_Layout_Composition_Visual_Draw">Draw</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets a delegate that accepts a <a class="xref" href="GrapeCity.Documents.Drawing.GcGraphics.html">GcGraphics</a> object and a <a class="xref" href="GrapeCity.Documents.Layout.Composition.Visual.html">Visual</a>
and draws the visual on the graphics.</p>
</td>
      </tr>
      <tr>
        <td id="GrapeCity_Documents_Layout_Composition_Visual_Height" data-uid="GrapeCity.Documents.Layout.Composition.Visual.Height">
          <a class="xref" href="GrapeCity.Documents.Layout.Composition.Visual.Height.html#GrapeCity_Documents_Layout_Composition_Visual_Height">Height</a>
        </td>
        <td class="markdown level1 summary"><p>Get the height of the associated <a class="xref" href="GrapeCity.Documents.Layout.LayoutRect.html">LayoutRect</a> if any exists,
or of the owner <a class="xref" href="GrapeCity.Documents.Layout.LayoutView.html">LayoutView</a>.</p>
</td>
      </tr>
      <tr>
        <td id="GrapeCity_Documents_Layout_Composition_Visual_Points" data-uid="GrapeCity.Documents.Layout.Composition.Visual.Points">
          <a class="xref" href="GrapeCity.Documents.Layout.Composition.Visual.Points.html#GrapeCity_Documents_Layout_Composition_Visual_Points">Points</a>
        </td>
        <td class="markdown level1 summary"><p>Gets the array of points transformed relative to the associated <a class="xref" href="GrapeCity.Documents.Layout.LayoutRect.html">LayoutRect</a>
if any exists, or relative to the owner <a class="xref" href="GrapeCity.Documents.Layout.LayoutView.html">LayoutView</a>.</p>
</td>
      </tr>
      <tr>
        <td id="GrapeCity_Documents_Layout_Composition_Visual_Visible" data-uid="GrapeCity.Documents.Layout.Composition.Visual.Visible">
          <a class="xref" href="GrapeCity.Documents.Layout.Composition.Visual.Visible.html#GrapeCity_Documents_Layout_Composition_Visual_Visible">Visible</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets a value indicating whether this <a class="xref" href="GrapeCity.Documents.Layout.Composition.Visual.html">Visual</a> is visible.</p>
</td>
      </tr>
      <tr>
        <td id="GrapeCity_Documents_Layout_Composition_Visual_VisualAbove" data-uid="GrapeCity.Documents.Layout.Composition.Visual.VisualAbove">
          <a class="xref" href="GrapeCity.Documents.Layout.Composition.Visual.VisualAbove.html#GrapeCity_Documents_Layout_Composition_Visual_VisualAbove">VisualAbove</a>
        </td>
        <td class="markdown level1 summary"><p>Gets the <a class="xref" href="GrapeCity.Documents.Layout.Composition.Visual.html">Visual</a> that appears on top of the current <a class="xref" href="GrapeCity.Documents.Layout.Composition.Visual.html">Visual</a>.</p>
</td>
      </tr>
      <tr>
        <td id="GrapeCity_Documents_Layout_Composition_Visual_VisualBelow" data-uid="GrapeCity.Documents.Layout.Composition.Visual.VisualBelow">
          <a class="xref" href="GrapeCity.Documents.Layout.Composition.Visual.VisualBelow.html#GrapeCity_Documents_Layout_Composition_Visual_VisualBelow">VisualBelow</a>
        </td>
        <td class="markdown level1 summary"><p>Gets the <a class="xref" href="GrapeCity.Documents.Layout.Composition.Visual.html">Visual</a> that appears below the current <a class="xref" href="GrapeCity.Documents.Layout.Composition.Visual.html">Visual</a>.</p>
</td>
      </tr>
      <tr>
        <td id="GrapeCity_Documents_Layout_Composition_Visual_Width" data-uid="GrapeCity.Documents.Layout.Composition.Visual.Width">
          <a class="xref" href="GrapeCity.Documents.Layout.Composition.Visual.Width.html#GrapeCity_Documents_Layout_Composition_Visual_Width">Width</a>
        </td>
        <td class="markdown level1 summary"><p>Get the width of the associated <a class="xref" href="GrapeCity.Documents.Layout.LayoutRect.html">LayoutRect</a> if any exists,
or of the owner <a class="xref" href="GrapeCity.Documents.Layout.LayoutView.html">LayoutView</a>.</p>
</td>
      </tr>
    </tbody>
  </table>
  <h3 id="methods">Methods
</h3>
  <table class="table table-bordered table-condensed">
    <thead>
      <tr>
        <th>Name</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td id="GrapeCity_Documents_Layout_Composition_Visual_AsRectF" data-uid="GrapeCity.Documents.Layout.Composition.Visual.AsRectF">
          <a class="xref" href="GrapeCity.Documents.Layout.Composition.Visual.AsRectF.html#GrapeCity_Documents_Layout_Composition_Visual_AsRectF">AsRectF()</a>
        </td>
        <td class="markdown level1 summary"><p>Creates a <a class="xref" href="https://learn.microsoft.com/dotnet/api/system.drawing.rectanglef">RectangleF</a> with the same Width and Height as this <a class="xref" href="GrapeCity.Documents.Layout.Composition.Visual.html">Visual</a>.</p>
</td>
      </tr>
      <tr>
        <td id="GrapeCity_Documents_Layout_Composition_Visual_BringToFront" data-uid="GrapeCity.Documents.Layout.Composition.Visual.BringToFront">
          <a class="xref" href="GrapeCity.Documents.Layout.Composition.Visual.BringToFront.html#GrapeCity_Documents_Layout_Composition_Visual_BringToFront">BringToFront()</a>
        </td>
        <td class="markdown level1 summary"><p>Moves the <a class="xref" href="GrapeCity.Documents.Layout.Composition.Visual.html">Visual</a> to the front. It becomes the top <a class="xref" href="GrapeCity.Documents.Layout.Composition.Visual.html">Visual</a> on the owner <a class="xref" href="GrapeCity.Documents.Layout.Composition.Layer.html">Layer</a>.</p>
</td>
      </tr>
      <tr>
        <td id="GrapeCity_Documents_Layout_Composition_Visual_Detach" data-uid="GrapeCity.Documents.Layout.Composition.Visual.Detach">
          <a class="xref" href="GrapeCity.Documents.Layout.Composition.Visual.Detach.html#GrapeCity_Documents_Layout_Composition_Visual_Detach">Detach()</a>
        </td>
        <td class="markdown level1 summary"><p>Detaches this <a class="xref" href="GrapeCity.Documents.Layout.Composition.Visual.html">Visual</a> from the owner <a class="xref" href="GrapeCity.Documents.Layout.Composition.Layer.html">Layer</a>.</p>
</td>
      </tr>
      <tr>
        <td id="GrapeCity_Documents_Layout_Composition_Visual_MoveAbove_GrapeCity_Documents_Layout_Composition_Visual_" data-uid="GrapeCity.Documents.Layout.Composition.Visual.MoveAbove(GrapeCity.Documents.Layout.Composition.Visual)">
          <a class="xref" href="GrapeCity.Documents.Layout.Composition.Visual.MoveAbove.html#GrapeCity_Documents_Layout_Composition_Visual_MoveAbove_GrapeCity_Documents_Layout_Composition_Visual_">MoveAbove(Visual)</a>
        </td>
        <td class="markdown level1 summary"><p>Moves this <a class="xref" href="GrapeCity.Documents.Layout.Composition.Visual.html">Visual</a> to the position on top of the specified <code class="paramref">visual</code>.</p>
</td>
      </tr>
      <tr>
        <td id="GrapeCity_Documents_Layout_Composition_Visual_MoveBelow_GrapeCity_Documents_Layout_Composition_Visual_" data-uid="GrapeCity.Documents.Layout.Composition.Visual.MoveBelow(GrapeCity.Documents.Layout.Composition.Visual)">
          <a class="xref" href="GrapeCity.Documents.Layout.Composition.Visual.MoveBelow.html#GrapeCity_Documents_Layout_Composition_Visual_MoveBelow_GrapeCity_Documents_Layout_Composition_Visual_">MoveBelow(Visual)</a>
        </td>
        <td class="markdown level1 summary"><p>Moves this <a class="xref" href="GrapeCity.Documents.Layout.Composition.Visual.html">Visual</a> to the position below the specified <code class="paramref">visual</code>.</p>
</td>
      </tr>
      <tr>
        <td id="GrapeCity_Documents_Layout_Composition_Visual_SendToBack" data-uid="GrapeCity.Documents.Layout.Composition.Visual.SendToBack">
          <a class="xref" href="GrapeCity.Documents.Layout.Composition.Visual.SendToBack.html#GrapeCity_Documents_Layout_Composition_Visual_SendToBack">SendToBack()</a>
        </td>
        <td class="markdown level1 summary"><p>Moves this <a class="xref" href="GrapeCity.Documents.Layout.Composition.Visual.html">Visual</a> to the back. It becomes the bottom <a class="xref" href="GrapeCity.Documents.Layout.Composition.Visual.html">Visual</a> on the owner <a class="xref" href="GrapeCity.Documents.Layout.Composition.Layer.html">Layer</a>.</p>
</td>
      </tr>
    </tbody>
  </table>

</div>
