mirror of
https://github.com/aspnet/JavaScriptServices.git
synced 2025-12-22 17:47:53 +00:00
27 lines
1.2 KiB
Plaintext
27 lines
1.2 KiB
Plaintext
<h1>Image Resizing</h1>
|
|
|
|
<p>
|
|
This sample shows how the NPM module <a href="https://www.npmjs.com/package/jimp"><code>jimp</code></a>
|
|
can be used for dynamic image resizing from within an ASP.NET Core application. There is one copy of the
|
|
following image on disk, but we can set up an MVC action method that returns it resized to fit within an
|
|
arbitrary width and height.
|
|
</p>
|
|
|
|
<p>
|
|
<em><a href="https://www.flickr.com/photos/dcoetzee/3572948635">Parrot</a>
|
|
by <a href="https://www.flickr.com/photos/dcoetzee/">D Coetzee</a>
|
|
is dedicated to the <a href="http://creativecommons.org/publicdomain/zero/1.0/">public domain (CC0)</a></em>
|
|
</p>
|
|
|
|
<h3>100px wide [<a href="/resize/images/parrot.jpg?maxWidth=100">open</a>]</h3>
|
|
<img src="/resize/images/parrot.jpg?maxWidth=100" />
|
|
|
|
<h3>200px wide [<a href="/resize/images/parrot.jpg?maxWidth=200">open</a>]</h3>
|
|
<img src="/resize/images/parrot.jpg?maxWidth=200" />
|
|
|
|
<h3>400px wide [<a href="/resize/images/parrot.jpg?maxWidth=400">open</a>]</h3>
|
|
<img src="/resize/images/parrot.jpg?maxWidth=400" />
|
|
|
|
<h3>800px wide [<a href="/resize/images/parrot.jpg?maxWidth=800">open</a>]</h3>
|
|
<img src="/resize/images/parrot.jpg?maxWidth=800" />
|