<div>
I just use width='nnpx' and the web browser automatically scales the SVG image to fit. &nbsp;It even works with percentages.
</div>


I just use width='nnpx' and the web browser automatically scales the SVG image to fit.  It even works with percentages.

<div>
Dave thanks for your input.<br>If possible, I'm looking for a dynamic solution that scales with viewer width. If I'm understanding you correctly, your solution would be static.<br><br>
</div>


Dave thanks for your input.
If possible, I'm looking for a dynamic solution that scales with viewer width. If I'm understanding you correctly, your solution would be static.



<div>
No, defining 'width' in percent is always dynamic.
</div>


No, defining 'width' in percent is always dynamic.

Principal

dlearman1

<div>
OK I'll give it a try.&nbsp; Thanks<br><br>
</div>


<div>
<div class="content wysiwyg-content fr-view">
<p>I would like to scale an svg image using the clamp function. Something like this:</p><pre><code class="code-1 nolinks" id="code-10-29225768-1">&lt;div class="l-wrapper-page"&gt;
&nbsp; &nbsp; &nbsp; &nbsp;&lt;a class="l-wrapper-page__logo" href="#"&gt;&lt;img src="./_img/graphics/logos/serena-logo-sm.svg" width="clamp(140px, calc((#{.06544vw + 75.07853})) * 1px, 240px)" height="auto" alt="Serena Construction Logo"&gt;
&nbsp; &nbsp; &nbsp; &lt;/a&gt;
&lt;/div&gt;</code></pre><p>I've tried a few tweaks to the code, but nothing seems to work. Looking up clamp it is supposed to work wherever a length is called for. &nbsp;Is there a reason this application doesn't work: relating to SVG or clamp specs? &nbsp;Is there a way to modify the code so it will work?</p>
</div>
</div>



I would like to scale an svg image using the clamp function. Something like this:
<div class="l-wrapper-page">
       <a class="l-wrapper-page__logo" href="#"><img src="./_img/graphics/logos/serena-logo-sm.svg" width="clamp(140px, calc((#{.06544vw + 75.07853})) * 1px, 240px)" height="auto" alt="Serena Construction Logo">
      </a>
</div>
I've tried a few tweaks to the code, but nothing seems to work. Looking up clamp it is supposed to work wherever a length is called for.  Is there a reason this application doesn't work: relating to SVG or clamp specs?  Is there a way to modify the code so it will work?

Can I use the clamp function to scale an SVG image.

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

SASS (Syntactically Awesome Stylesheets)

Web development includes all aspects of presenting content on intranets and the Internet, including delivery development, protocols, languages and standards, server software, browser clients, databases and multimedia generation.