Fix test site demo

Former-commit-id: a7ad7ce9e4bb2b084106205ad57e75e3b9483173
Former-commit-id: 0fc7e4b9d1c06184814394e93df3f36e7615569c
Former-commit-id: 379ea617968613a4fc531f74bec8fea02c9beed9

src/TestWebsites/MVC/Views/Home/Bmp.cshtml

@@ -69,7 +69,7 @@
         <div class="row">
             <div class="col-s-6">
                 <h2>Watermark</h2>
-                <img src="/images/format-Penguins.bmp?width=300&watermark=text-test|color-fff|size-48|style-italic|opacity-100|position-100-100|shadow-true|font-arial" />
+                <img src="/images/format-Penguins.bmp?width=300&watermark=text-test&color=fff&fontsize=48&fontstyle=italic&fontopacity=100&textposition=100,100&dropshadow=true&font=arial" />
             </div>
             <div class="col-s-6">
                 <h2>Format</h2>

src/TestWebsites/MVC/Views/Home/Png.cshtml

@@ -68,7 +68,7 @@
         <div class="row">
             <div class="col-s-6">
                 <h2>Watermark</h2>
-                <img src="/images/format-Penguins.png?width=300&watermark=text-test|color-fff|size-48|style-italic|opacity-100|position-100-100|shadow-true|font-arial" />
+                <img src="/images/format-Penguins.png?width=300&watermark=text-test&color=fff&fontsize=48&fontstyle=italic&fontopacity=100&textposition=100,100&dropshadow=true&font=arial" />
             </div>
             <div class="col-s-6">
                 <h2>Format</h2>

src/TestWebsites/MVC/Views/Home/Png8.cshtml

@@ -69,7 +69,7 @@
         <div class="row">
             <div class="col-s-6">
                 <h2>Watermark</h2>
-                <img src="/images/format-Penguins-8bit.png?width=300&watermark=text-test|color-fff|size-48|style-italic|opacity-100|position-100-100|shadow-true|font-arial" />
+                <img src="/images/format-Penguins-8bit.png?width=300&watermark=text-test&color=fff&fontsize=48&fontstyle=italic&fontopacity=100&textposition=100,100&dropshadow=true&font=arial" />
             </div>
             <div class="col-s-6">
                 <h2>Format</h2>

src/TestWebsites/MVC/Views/Home/Tiff.cshtml

@@ -68,7 +68,7 @@
         <div class="row">
             <div class="col-s-6">
                 <h2>Watermark</h2>
-                <img src="/images/format-Penguins.tif?width=300&watermark=text-test|color-fff|size-48|style-italic|opacity-100|position-100-100|shadow-true|font-arial" />
+                <img src="/images/format-Penguins.tif?width=300&watermark=text-test&color=fff&fontsize=48&fontstyle=italic&fontopacity=100&textposition=100,100&dropshadow=true&font=arial" />
             </div>
             <div class="col-s-6">
                 <h2>Format</h2>

src/TestWebsites/MVC/Views/Home/WebP.cshtml

@@ -69,7 +69,7 @@
         <div class="row">
             <div class="col-s-6">
                 <h2>Watermark</h2>
-                <img src="/images/format-Penguins.bmp?format=webp&width=300&watermark=text-test|color-fff|size-48|style-italic|opacity-100|position-100-100|shadow-true|font-arial" />
+                <img src="/images/format-Penguins.bmp?format=webp&width=300&watermark=text-test&color=fff&fontsize=48&fontstyle=italic&fontopacity=100&textposition=100,100&dropshadow=true&font=arial" />
             </div>
             <div class="col-s-6">
                 <h2>Format</h2>