Length class - dart:svg library

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=no"> <meta name="description" content="API docs for the Length class from the dart:svg library, for the Dart programming language."> <title>Length class - dart:svg library - Dart API</title> <link rel="canonical" href="https://api.dart.dev/dart-svg/Length-class.html"> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,300;0,400;0,500;0,700;1,400&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" rel="stylesheet"> <link rel="stylesheet" href="../static-assets/github.css?v1"> <link rel="stylesheet" href="../static-assets/styles.css?v1"> <link rel="icon" href="../static-assets/favicon.png?v1">  <script async src="https://www.googletagmanager.com/gtag/js?id=G-VVQ8908SJ5"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-VVQ8908SJ5'); </script> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preload" href="https://fonts.googleapis.com/css2?family=Google+Sans+Text:wght@400&family=Google+Sans:wght@500&display=swap" as="style"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Google+Sans+Text:wght@400&family=Google+Sans:wght@500&display=swap"> <link rel="stylesheet" href="https://www.gstatic.com/glue/cookienotificationbar/cookienotificationbar.min.css"> </head> <body data-base-href="../" data-using-base-href="false" class="light-theme"> <div id="overlay-under-drawer"></div> <header id="title"> <span id="sidenav-left-toggle" class="material-symbols-outlined" role="button" tabindex="0">menu</span> <ol class="breadcrumbs gt-separated dark hidden-xs"> <li><a href="../index.html">Dart</a></li> <li><a href="../dart-svg/dart-svg-library.html">dart:svg</a></li> <li class="self-crumb">Length class</li> </ol> <div class="self-name">Length</div> <form class="search navbar-right" role="search"> <input type="text" id="search-box" autocomplete="off" disabled class="form-control typeahead" placeholder="Loading search..."> </form> <div class="toggle" id="theme-button" title="Toggle brightness"> <label for="theme"> <input type="checkbox" id="theme" value="light-theme"> <span id="dark-theme-button" class="material-symbols-outlined"> dark_mode </span> <span id="light-theme-button" class="material-symbols-outlined"> light_mode </span> </label> </div> </header> <main> <div id="dartdoc-main-content" class="main-content" data-above-sidebar="dart-svg/dart-svg-library-sidebar.html" data-below-sidebar="dart-svg/Length-class-sidebar.html"> <div> <div id="external-links" class="btn-group"><a title="View source code" class="source-link" href="https://github.com/dart-lang/sdk/blob/88c9758ef131d430d8ce595c6bfb4c90574d3ddd/sdk/lib/svg/dart2js/svg_dart2js.dart#L1992"><span class="material-symbols-outlined">description</span></a></div> <h1><span class="kind-class">Length</span> class </h1></div> <section> <dl class="dl-horizontal"> <dt>Annotations</dt> <dd> <ul class="annotation-list clazz-relationships"> <li>@Unstable()</li> <li>@Native("SVGLength")</li> </ul> </dd> </dl> </section> <section class="summary offset-anchor" id="instance-properties"> <h2>Properties</h2> <dl class="properties"> <dt id="hashCode" class="property inherited"> <span class="name"><a href="../dart-core/Object/hashCode.html">hashCode</a></span> <span class="signature">→ <a href="../dart-core/int-class.html">int</a></span> </dt> <dd class="inherited"> The hash code for this object. <div class="features"><span class="feature">no setter</span><span class="feature">inherited</span></div> </dd> <dt id="runtimeType" class="property inherited"> <span class="name"><a href="../dart-core/Object/runtimeType.html">runtimeType</a></span> <span class="signature">→ <a href="../dart-core/Type-class.html">Type</a></span> </dt> <dd class="inherited"> A representation of the runtime type of the object. <div class="features"><span class="feature">no setter</span><span class="feature">inherited</span></div> </dd> <dt id="unitType" class="property"> <span class="name"><a href="../dart-svg/Length/unitType.html">unitType</a></span> <span class="signature">→ <a href="../dart-core/int-class.html">int</a>?</span> </dt> <dd> <div class="features"><span class="feature">no setter</span></div> </dd> <dt id="value" class="property"> <span class="name"><a href="../dart-svg/Length/value.html">value</a></span> <span class="signature">↔ <a href="../dart-core/num-class.html">num</a>?</span> </dt> <dd> <div class="features"><span class="feature">getter/setter pair</span></div> </dd> <dt id="valueAsString" class="property"> <span class="name"><a href="../dart-svg/Length/valueAsString.html">valueAsString</a></span> <span class="signature">↔ <a href="../dart-core/String-class.html">String</a>?</span> </dt> <dd> <div class="features"><span class="feature">getter/setter pair</span></div> </dd> <dt id="valueInSpecifiedUnits" class="property"> <span class="name"><a href="../dart-svg/Length/valueInSpecifiedUnits.html">valueInSpecifiedUnits</a></span> <span class="signature">↔ <a href="../dart-core/num-class.html">num</a>?</span> </dt> <dd> <div class="features"><span class="feature">getter/setter pair</span></div> </dd> </dl> </section> <section class="summary offset-anchor" id="instance-methods"> <h2>Methods</h2> <dl class="callables"> <dt id="convertToSpecifiedUnits" class="callable"> <span class="name"><a href="../dart-svg/Length/convertToSpecifiedUnits.html">convertToSpecifiedUnits</a></span><span class="signature">(<wbr><span class="parameter" id="convertToSpecifiedUnits-param-unitType"><span class="type-annotation"><a href="../dart-core/int-class.html">int</a></span> <span class="parameter-name">unitType</span></span>) <span class="returntype parameter">→ void</span> </span> </dt> <dd> </dd> <dt id="newValueSpecifiedUnits" class="callable"> <span class="name"><a href="../dart-svg/Length/newValueSpecifiedUnits.html">newValueSpecifiedUnits</a></span><span class="signature">(<wbr><span class="parameter" id="newValueSpecifiedUnits-param-unitType"><span class="type-annotation"><a href="../dart-core/int-class.html">int</a></span> <span class="parameter-name">unitType</span>, </span><span class="parameter" id="newValueSpecifiedUnits-param-valueInSpecifiedUnits"><span class="type-annotation"><a href="../dart-core/num-class.html">num</a></span> <span class="parameter-name">valueInSpecifiedUnits</span></span>) <span class="returntype parameter">→ void</span> </span> </dt> <dd> </dd> <dt id="noSuchMethod" class="callable inherited"> <span class="name"><a href="../dart-core/Object/noSuchMethod.html">noSuchMethod</a></span><span class="signature">(<wbr><span class="parameter" id="noSuchMethod-param-invocation"><span class="type-annotation"><a href="../dart-core/Invocation-class.html">Invocation</a></span> <span class="parameter-name">invocation</span></span>) <span class="returntype parameter">→ dynamic</span> </span> </dt> <dd class="inherited"> Invoked when a nonexistent method or property is accessed. <div class="features"><span class="feature">inherited</span></div> </dd> <dt id="toString" class="callable inherited"> <span class="name"><a href="../dart-core/Object/toString.html">toString</a></span><span class="signature">(<wbr>) <span class="returntype parameter">→ <a href="../dart-core/String-class.html">String</a></span> </span> </dt> <dd class="inherited"> A string representation of this object. <div class="features"><span class="feature">inherited</span></div> </dd> </dl> </section> <section class="summary offset-anchor inherited" id="operators"> <h2>Operators</h2> <dl class="callables"> <dt id="operator ==" class="callable inherited"> <span class="name"><a href="../dart-core/Object/operator_equals.html">operator ==</a></span><span class="signature">(<wbr><span class="parameter" id="==-param-other"><span class="type-annotation"><a href="../dart-core/Object-class.html">Object</a></span> <span class="parameter-name">other</span></span>) <span class="returntype parameter">→ <a href="../dart-core/bool-class.html">bool</a></span> </span> </dt> <dd class="inherited"> The equality operator. <div class="features"><span class="feature">inherited</span></div> </dd> </dl> </section> <section class="summary offset-anchor" id="constants"> <h2>Constants</h2> <dl class="properties"> <dt id="SVG_LENGTHTYPE_CM" class="constant"> <span class="name "><a href="../dart-svg/Length/SVG_LENGTHTYPE_CM-constant.html">SVG_LENGTHTYPE_CM</a></span> <span class="signature">→ const <a href="../dart-core/int-class.html">int</a></span> </dt> <dd> </dd> <dt id="SVG_LENGTHTYPE_EMS" class="constant"> <span class="name "><a href="../dart-svg/Length/SVG_LENGTHTYPE_EMS-constant.html">SVG_LENGTHTYPE_EMS</a></span> <span class="signature">→ const <a href="../dart-core/int-class.html">int</a></span> </dt> <dd> </dd> <dt id="SVG_LENGTHTYPE_EXS" class="constant"> <span class="name "><a href="../dart-svg/Length/SVG_LENGTHTYPE_EXS-constant.html">SVG_LENGTHTYPE_EXS</a></span> <span class="signature">→ const <a href="../dart-core/int-class.html">int</a></span> </dt> <dd> </dd> <dt id="SVG_LENGTHTYPE_IN" class="constant"> <span class="name "><a href="../dart-svg/Length/SVG_LENGTHTYPE_IN-constant.html">SVG_LENGTHTYPE_IN</a></span> <span class="signature">→ const <a href="../dart-core/int-class.html">int</a></span> </dt> <dd> </dd> <dt id="SVG_LENGTHTYPE_MM" class="constant"> <span class="name "><a href="../dart-svg/Length/SVG_LENGTHTYPE_MM-constant.html">SVG_LENGTHTYPE_MM</a></span> <span class="signature">→ const <a href="../dart-core/int-class.html">int</a></span> </dt> <dd> </dd> <dt id="SVG_LENGTHTYPE_NUMBER" class="constant"> <span class="name "><a href="../dart-svg/Length/SVG_LENGTHTYPE_NUMBER-constant.html">SVG_LENGTHTYPE_NUMBER</a></span> <span class="signature">→ const <a href="../dart-core/int-class.html">int</a></span> </dt> <dd> </dd> <dt id="SVG_LENGTHTYPE_PC" class="constant"> <span class="name "><a href="../dart-svg/Length/SVG_LENGTHTYPE_PC-constant.html">SVG_LENGTHTYPE_PC</a></span> <span class="signature">→ const <a href="../dart-core/int-class.html">int</a></span> </dt> <dd> </dd> <dt id="SVG_LENGTHTYPE_PERCENTAGE" class="constant"> <span class="name "><a href="../dart-svg/Length/SVG_LENGTHTYPE_PERCENTAGE-constant.html">SVG_LENGTHTYPE_PERCENTAGE</a></span> <span class="signature">→ const <a href="../dart-core/int-class.html">int</a></span> </dt> <dd> </dd> <dt id="SVG_LENGTHTYPE_PT" class="constant"> <span class="name "><a href="../dart-svg/Length/SVG_LENGTHTYPE_PT-constant.html">SVG_LENGTHTYPE_PT</a></span> <span class="signature">→ const <a href="../dart-core/int-class.html">int</a></span> </dt> <dd> </dd> <dt id="SVG_LENGTHTYPE_PX" class="constant"> <span class="name "><a href="../dart-svg/Length/SVG_LENGTHTYPE_PX-constant.html">SVG_LENGTHTYPE_PX</a></span> <span class="signature">→ const <a href="../dart-core/int-class.html">int</a></span> </dt> <dd> </dd> <dt id="SVG_LENGTHTYPE_UNKNOWN" class="constant"> <span class="name "><a href="../dart-svg/Length/SVG_LENGTHTYPE_UNKNOWN-constant.html">SVG_LENGTHTYPE_UNKNOWN</a></span> <span class="signature">→ const <a href="../dart-core/int-class.html">int</a></span> </dt> <dd> </dd> </dl> </section> </div>  <div id="dartdoc-sidebar-left" class="sidebar sidebar-offcanvas-left">  <header id="header-search-sidebar" class="hidden-l"> <form class="search-sidebar" role="search"> <input type="text" id="search-sidebar" autocomplete="off" disabled class="form-control typeahead" placeholder="Loading search..."> </form> </header> <ol class="breadcrumbs gt-separated dark hidden-l" id="sidebar-nav"> <li><a href="../index.html">Dart</a></li> <li><a href="../dart-svg/dart-svg-library.html">dart:svg</a></li> <li class="self-crumb">Length class</li> </ol> <h5>dart:svg library</h5> <div id="dartdoc-sidebar-left-content"></div> </div> <div id="dartdoc-sidebar-right" class="sidebar sidebar-offcanvas-right"> </div> </main> <footer> <span class="no-break"> Dart 3.5.4 </span> <span class="glue-footer"> <span class="no-break"> | <a href="https://dart.dev/terms" title="Terms of use">Terms</a> </span> <span class="no-break"> | <a href="https://policies.google.com/privacy" target="_blank" rel="noopener" title="Privacy policy" class="no-automatic-external">Privacy</a> </span> <span class="no-break"> | <a href="https://dart.dev/security" title="Security philosophy and practices">Security</a> </span> <div class="copyright" style="font-size: 0.9em; color: darkgrey; margin-top: 0.5em;"> Except as otherwise noted, this site is licensed under a <a style="color: darkgrey;" href="https://creativecommons.org/licenses/by/4.0/"> Creative Commons Attribution 4.0 International License</a> and code samples are licensed under the <a style="color: darkgrey;" href="https://opensource.org/licenses/BSD-3-Clause" class="no-automatic-external"> 3-Clause BSD License</a> </div> </span> </footer> <script src="../static-assets/highlight.pack.js?v1"></script> <script src="../static-assets/docs.dart.js"></script> <button aria-hidden="true" class="glue-footer__link glue-cookie-notification-bar-control"> Cookies management controls </button> <script src="https://www.gstatic.com/glue/cookienotificationbar/cookienotificationbar.min.js" data-glue-cookie-notification-bar-category="2B"> </script> </body> </html>

CINXE.COM

Length class - dart:svg library - Dart API