# C1.Web.Mvc.SVGStyle

## Content

<div class="doc-site-dotnet-api-container">



  <h1 id="C1_Web_Mvc_SVGStyle" data-uid="C1.Web.Mvc.SVGStyle" class="text-break">SVGStyle Class
</h1>
  <div class="markdown level0 summary"><p>Represents SVG styles.</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"><span class="xref">SVGStyle</span></div>
  </div>
  <h6><strong>Namespace</strong>: <a class="xref" href="C1.Web.Mvc.html">C1.Web.Mvc</a></h6>
  <h6><strong>Assembly</strong>: C1.AspNetCore.Mvc.dll</h6>
  <h5 id="C1_Web_Mvc_SVGStyle_syntax">Syntax</h5>
  <div class="codewrapper">
    <pre><code class="lang-csharp hljs">public class SVGStyle</code></pre>
  </div>
  <div class="codewrapper">
    <pre><code class="lang-vbnet hljs">Public Class SVGStyle</code></pre>
  </div>
  <h3 id="constructors">Constructors
</h3>
  <table class="table table-bordered table-condensed">
    <thead>
      <tr>
        <th>Name</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td id="C1_Web_Mvc_SVGStyle__ctor" data-uid="C1.Web.Mvc.SVGStyle.#ctor">
          <a class="xref" href="C1.Web.Mvc.SVGStyle.-ctor.html#C1_Web_Mvc_SVGStyle__ctor">SVGStyle()</a>
        </td>
        <td class="markdown level1 summary"><p>Creates one <a class="xref" href="C1.Web.Mvc.SVGStyle.html">SVGStyle</a> instance.</p>
</td>
      </tr>
    </tbody>
  </table>
  <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="C1_Web_Mvc_SVGStyle_ArrowEnd" data-uid="C1.Web.Mvc.SVGStyle.ArrowEnd">
          <a class="xref" href="C1.Web.Mvc.SVGStyle.ArrowEnd.html#C1_Web_Mvc_SVGStyle_ArrowEnd">ArrowEnd</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the arrowhead on the end of the path. The format for string is &lt;type&gt;[-&lt;width&gt;[-&lt;length&gt;]]. Possible types: classic, block, open, oval, diamond, none, width: wide, narrow, medium, length: long, short, medium.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_SVGStyle_ClipRect" data-uid="C1.Web.Mvc.SVGStyle.ClipRect">
          <a class="xref" href="C1.Web.Mvc.SVGStyle.ClipRect.html#C1_Web_Mvc_SVGStyle_ClipRect">ClipRect</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the clip area. The format for the text is comma or space separated values: x, y, width and height</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_SVGStyle_Cursor" data-uid="C1.Web.Mvc.SVGStyle.Cursor">
          <a class="xref" href="C1.Web.Mvc.SVGStyle.Cursor.html#C1_Web_Mvc_SVGStyle_Cursor">Cursor</a>
        </td>
        <td class="markdown level1 summary"><p>CSS type of the cursor</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_SVGStyle_Cx" data-uid="C1.Web.Mvc.SVGStyle.Cx">
          <a class="xref" href="C1.Web.Mvc.SVGStyle.Cx.html#C1_Web_Mvc_SVGStyle_Cx">Cx</a>
        </td>
        <td class="markdown level1 summary"><p>the x-axis coordinate of the center of the circle, or ellipse</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_SVGStyle_Cy" data-uid="C1.Web.Mvc.SVGStyle.Cy">
          <a class="xref" href="C1.Web.Mvc.SVGStyle.Cy.html#C1_Web_Mvc_SVGStyle_Cy">Cy</a>
        </td>
        <td class="markdown level1 summary"><p>the y-axis coordinate of the center of the circle, or ellipse</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_SVGStyle_Fill" data-uid="C1.Web.Mvc.SVGStyle.Fill">
          <a class="xref" href="C1.Web.Mvc.SVGStyle.Fill.html#C1_Web_Mvc_SVGStyle_Fill">Fill</a>
        </td>
        <td class="markdown level1 summary"><p>A value that indicates the filled color of the chart style.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_SVGStyle_FillOpacity" data-uid="C1.Web.Mvc.SVGStyle.FillOpacity">
          <a class="xref" href="C1.Web.Mvc.SVGStyle.FillOpacity.html#C1_Web_Mvc_SVGStyle_FillOpacity">FillOpacity</a>
        </td>
        <td class="markdown level1 summary"><p>A value that indicates the fill opacity of the SVG element.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_SVGStyle_Font" data-uid="C1.Web.Mvc.SVGStyle.Font">
          <a class="xref" href="C1.Web.Mvc.SVGStyle.Font.html#C1_Web_Mvc_SVGStyle_Font">Font</a>
        </td>
        <td class="markdown level1 summary"><p>A value that indicates the font of the chart style.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_SVGStyle_FontFamily" data-uid="C1.Web.Mvc.SVGStyle.FontFamily">
          <a class="xref" href="C1.Web.Mvc.SVGStyle.FontFamily.html#C1_Web_Mvc_SVGStyle_FontFamily">FontFamily</a>
        </td>
        <td class="markdown level1 summary"><p>A value that indicates the font family of the SVG element.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_SVGStyle_FontSize" data-uid="C1.Web.Mvc.SVGStyle.FontSize">
          <a class="xref" href="C1.Web.Mvc.SVGStyle.FontSize.html#C1_Web_Mvc_SVGStyle_FontSize">FontSize</a>
        </td>
        <td class="markdown level1 summary"><p>A value that indicates the font size of the SVG element.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_SVGStyle_FontWeight" data-uid="C1.Web.Mvc.SVGStyle.FontWeight">
          <a class="xref" href="C1.Web.Mvc.SVGStyle.FontWeight.html#C1_Web_Mvc_SVGStyle_FontWeight">FontWeight</a>
        </td>
        <td class="markdown level1 summary"><p>A value that indicates the font weight of the SVG element.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_SVGStyle_Height" data-uid="C1.Web.Mvc.SVGStyle.Height">
          <a class="xref" href="C1.Web.Mvc.SVGStyle.Height.html#C1_Web_Mvc_SVGStyle_Height">Height</a>
        </td>
        <td class="markdown level1 summary"><p>A value that indicates the height of the SVG element.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_SVGStyle_Href" data-uid="C1.Web.Mvc.SVGStyle.Href">
          <a class="xref" href="C1.Web.Mvc.SVGStyle.Href.html#C1_Web_Mvc_SVGStyle_Href">Href</a>
        </td>
        <td class="markdown level1 summary"><p>A value to indicate the URL, if specified element behaves as hyperlink</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_SVGStyle_Opacity" data-uid="C1.Web.Mvc.SVGStyle.Opacity">
          <a class="xref" href="C1.Web.Mvc.SVGStyle.Opacity.html#C1_Web_Mvc_SVGStyle_Opacity">Opacity</a>
        </td>
        <td class="markdown level1 summary"><p>A value to indicate the Opacity.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_SVGStyle_Path" data-uid="C1.Web.Mvc.SVGStyle.Path">
          <a class="xref" href="C1.Web.Mvc.SVGStyle.Path.html#C1_Web_Mvc_SVGStyle_Path">Path</a>
        </td>
        <td class="markdown level1 summary"><p>SVG path string format</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_SVGStyle_R" data-uid="C1.Web.Mvc.SVGStyle.R">
          <a class="xref" href="C1.Web.Mvc.SVGStyle.R.html#C1_Web_Mvc_SVGStyle_R">R</a>
        </td>
        <td class="markdown level1 summary"><p>Radius of the circle, ellipse or rounded corner on the rect</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_SVGStyle_Rx" data-uid="C1.Web.Mvc.SVGStyle.Rx">
          <a class="xref" href="C1.Web.Mvc.SVGStyle.Rx.html#C1_Web_Mvc_SVGStyle_Rx">Rx</a>
        </td>
        <td class="markdown level1 summary"><p>Horisontal radius of the ellipse</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_SVGStyle_Ry" data-uid="C1.Web.Mvc.SVGStyle.Ry">
          <a class="xref" href="C1.Web.Mvc.SVGStyle.Ry.html#C1_Web_Mvc_SVGStyle_Ry">Ry</a>
        </td>
        <td class="markdown level1 summary"><p>Vertical radius of the ellipse</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_SVGStyle_Src" data-uid="C1.Web.Mvc.SVGStyle.Src">
          <a class="xref" href="C1.Web.Mvc.SVGStyle.Src.html#C1_Web_Mvc_SVGStyle_Src">Src</a>
        </td>
        <td class="markdown level1 summary"><p>Image URL, only works for Element.image element</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_SVGStyle_Stroke" data-uid="C1.Web.Mvc.SVGStyle.Stroke">
          <a class="xref" href="C1.Web.Mvc.SVGStyle.Stroke.html#C1_Web_Mvc_SVGStyle_Stroke">Stroke</a>
        </td>
        <td class="markdown level1 summary"><p>A value that indicates the stroke color.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_SVGStyle_StrokeDasharray" data-uid="C1.Web.Mvc.SVGStyle.StrokeDasharray">
          <a class="xref" href="C1.Web.Mvc.SVGStyle.StrokeDasharray.html#C1_Web_Mvc_SVGStyle_StrokeDasharray">StrokeDasharray</a>
        </td>
        <td class="markdown level1 summary"><p>A value that indicates the stroke dasharry, possible values: [&quot;&quot;, &quot;-&quot;, &quot;.&quot;, &quot;-.&quot;, &quot;-..&quot;, &quot;. &quot;, &quot;- &quot;, &quot;--&quot;, &quot;- .&quot;, &quot;--.&quot;, &quot;--..&quot;]</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_SVGStyle_StrokeLinecap" data-uid="C1.Web.Mvc.SVGStyle.StrokeLinecap">
          <a class="xref" href="C1.Web.Mvc.SVGStyle.StrokeLinecap.html#C1_Web_Mvc_SVGStyle_StrokeLinecap">StrokeLinecap</a>
        </td>
        <td class="markdown level1 summary"><p>A value that indicates the stroke line cap, possible values: [&quot;butt&quot;, &quot;square&quot;, &quot;round&quot;]</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_SVGStyle_StrokeLinejoin" data-uid="C1.Web.Mvc.SVGStyle.StrokeLinejoin">
          <a class="xref" href="C1.Web.Mvc.SVGStyle.StrokeLinejoin.html#C1_Web_Mvc_SVGStyle_StrokeLinejoin">StrokeLinejoin</a>
        </td>
        <td class="markdown level1 summary"><p>A value that indicates the stroke line join method, possible values: [&quot;bevel&quot;, &quot;round&quot;, &quot;miter&quot;]</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_SVGStyle_StrokeMiterlimit" data-uid="C1.Web.Mvc.SVGStyle.StrokeMiterlimit">
          <a class="xref" href="C1.Web.Mvc.SVGStyle.StrokeMiterlimit.html#C1_Web_Mvc_SVGStyle_StrokeMiterlimit">StrokeMiterlimit</a>
        </td>
        <td class="markdown level1 summary"><p>A value that indicates the stroke miter limit.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_SVGStyle_StrokeOpacity" data-uid="C1.Web.Mvc.SVGStyle.StrokeOpacity">
          <a class="xref" href="C1.Web.Mvc.SVGStyle.StrokeOpacity.html#C1_Web_Mvc_SVGStyle_StrokeOpacity">StrokeOpacity</a>
        </td>
        <td class="markdown level1 summary"><p>A value that indicates the stroke opacity.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_SVGStyle_StrokeWidth" data-uid="C1.Web.Mvc.SVGStyle.StrokeWidth">
          <a class="xref" href="C1.Web.Mvc.SVGStyle.StrokeWidth.html#C1_Web_Mvc_SVGStyle_StrokeWidth">StrokeWidth</a>
        </td>
        <td class="markdown level1 summary"><p>A value that indicates the stroke width.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_SVGStyle_Target" data-uid="C1.Web.Mvc.SVGStyle.Target">
          <a class="xref" href="C1.Web.Mvc.SVGStyle.Target.html#C1_Web_Mvc_SVGStyle_Target">Target</a>
        </td>
        <td class="markdown level1 summary"><p>Used with href</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_SVGStyle_Text" data-uid="C1.Web.Mvc.SVGStyle.Text">
          <a class="xref" href="C1.Web.Mvc.SVGStyle.Text.html#C1_Web_Mvc_SVGStyle_Text">Text</a>
        </td>
        <td class="markdown level1 summary"><p>Contents of the text element. Use \n for multiline text</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_SVGStyle_TextAnchor" data-uid="C1.Web.Mvc.SVGStyle.TextAnchor">
          <a class="xref" href="C1.Web.Mvc.SVGStyle.TextAnchor.html#C1_Web_Mvc_SVGStyle_TextAnchor">TextAnchor</a>
        </td>
        <td class="markdown level1 summary"><p>Possible values: [&quot;start&quot;, &quot;middle&quot;, &quot;end&quot;], default is &quot;middle&quot;</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_SVGStyle_Title" data-uid="C1.Web.Mvc.SVGStyle.Title">
          <a class="xref" href="C1.Web.Mvc.SVGStyle.Title.html#C1_Web_Mvc_SVGStyle_Title">Title</a>
        </td>
        <td class="markdown level1 summary"><p>A text value for creating a tooltip.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_SVGStyle_Transform" data-uid="C1.Web.Mvc.SVGStyle.Transform">
          <a class="xref" href="C1.Web.Mvc.SVGStyle.Transform.html#C1_Web_Mvc_SVGStyle_Transform">Transform</a>
        </td>
        <td class="markdown level1 summary"><p>A string value for SVG element to make a transform action.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_SVGStyle_Width" data-uid="C1.Web.Mvc.SVGStyle.Width">
          <a class="xref" href="C1.Web.Mvc.SVGStyle.Width.html#C1_Web_Mvc_SVGStyle_Width">Width</a>
        </td>
        <td class="markdown level1 summary"><p>A value that indicates the width of the chart style.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_SVGStyle_X" data-uid="C1.Web.Mvc.SVGStyle.X">
          <a class="xref" href="C1.Web.Mvc.SVGStyle.X.html#C1_Web_Mvc_SVGStyle_X">X</a>
        </td>
        <td class="markdown level1 summary"><p>A value that indicates the x point of the chart style.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_SVGStyle_Y" data-uid="C1.Web.Mvc.SVGStyle.Y">
          <a class="xref" href="C1.Web.Mvc.SVGStyle.Y.html#C1_Web_Mvc_SVGStyle_Y">Y</a>
        </td>
        <td class="markdown level1 summary"><p>A value that indicates the y point of the chart style.</p>
</td>
      </tr>
    </tbody>
  </table>

</div>
