Fix test site demo

Former-commit-id: f4080c3217107eb7a571eb69e54cc5e69e1c892c
Former-commit-id: f90af067bbe67db5a5b5bd20cf59a12f0c1916ce
Former-commit-id: b8e9c8a4ac1537f7208e3691fed094091c87934a

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>