mirror of https://github.com/SixLabors/ImageSharp
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
100 lines
3.2 KiB
100 lines
3.2 KiB
@{
|
|
ViewBag.Title = "Bmp";
|
|
}
|
|
|
|
<article>
|
|
<h1>Bmp</h1>
|
|
<section>
|
|
<div class="row">
|
|
<div class="col-s-6">
|
|
<h2>Resized</h2>
|
|
<img src="/images/Penguins.bmp?width=300" />
|
|
</div>
|
|
<div class="col-s-6">
|
|
<h2>Cropped </h2>
|
|
<img src="/images/Penguins.bmp?crop=0-0-300-225" />
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section>
|
|
<h2>Filter</h2>
|
|
<div class="row">
|
|
<div class="col-s-6">
|
|
<h3>blackwhite</h3>
|
|
<img src="/images/Penguins.bmp?width=300&filter=blackwhite" />
|
|
</div>
|
|
<div class="col-s-6">
|
|
<h3>comic</h3>
|
|
<img src="/images/Penguins.bmp?width=300&filter=comic" />
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-s-6">
|
|
<h3>lomograph</h3>
|
|
<img src="/images/Penguins.bmp?width=300&filter=lomograph" />
|
|
</div>
|
|
<div class="col-s-6">
|
|
<h3>greyscale</h3>
|
|
<img src="/images/Penguins.bmp?width=300&filter=greyscale" />
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-s-6">
|
|
<h3>polaroid</h3>
|
|
<img src="/images/Penguins.bmp?width=300&filter=polaroid" />
|
|
</div>
|
|
<div class="col-s-6">
|
|
<h3>sepia</h3>
|
|
<img src="/images/Penguins.bmp?width=300&filter=sepia" />
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-s-6">
|
|
<h3>gotham</h3>
|
|
<img src="/images/Penguins.bmp?width=300&filter=gotham" />
|
|
</div>
|
|
<div class="col-s-6">
|
|
<h3>hisatch</h3>
|
|
<img src="/images/Penguins.bmp?width=300&filter=hisatch" />
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-s-6">
|
|
<h3>losatch</h3>
|
|
<img src="/images/Penguins.bmp?width=300&filter=losatch" />
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section>
|
|
<div class="row">
|
|
<div class="col-s-6">
|
|
<h2>Watermark</h2>
|
|
<img src="/images/Penguins.bmp?width=300&watermark=text-test|color-fff|size-48|style-italic|opacity-100|position-100-100|shadow-true|font-arial" />
|
|
</div>
|
|
<div class="col-s-6">
|
|
<h2>Format</h2>
|
|
<img src="/images/Penguins.bmp?width=300&format=jpg" />
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section>
|
|
<div class="row">
|
|
<div class="col-s-6">
|
|
<h2>Rotate</h2>
|
|
<img src="/images/Penguins.bmp?width=300&rotate=angle-54|bgcolor-fff" />
|
|
</div>
|
|
<div class="col-s-6">
|
|
<h2>Quality</h2>
|
|
<img src="/images/Penguins.bmp?width=300&quality=5" />
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section>
|
|
<div class="row">
|
|
<div class="col-s-6">
|
|
<h2>Alpha</h2>
|
|
<img src="/images/Penguins.bmp?width=300&alpha=50" />
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</article>
|
|
|