WIP: try use feBlend soft-light mode on Scotland flag

only works when rendered as standalone SVG in browsers, but not when compiled to OT-SVG at the moment... :,(
2022-07-21 11:27:25 +02:00
1 changed files with 19 additions and 5 deletions
--- a/third_party/region-flags/waved-svg/emoji_u1f3f4_e0067_e0062_e0073_e0063_e0074_e007f.svg
+++ b/third_party/region-flags/waved-svg/emoji_u1f3f4_e0067_e0062_e0073_e0063_e0074_e007f.svg
@ -1,6 +1,20 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000">
-  <defs/>
-  <path fill="#0065BD" d="M8,195.25 C178.83,110.03 349.03,140.83 521.26,167.28 C676.47,191.12 833.42,211.85 992,132.75 L992,804.75 C821.17,889.97 650.97,859.17 478.74,832.72 C323.53,808.88 166.58,788.15 8,867.25 L8,195.25"/>
-  <path fill="white" d="M8,195.25 C45.89,176.35 83.71,163.05 122.73,154.02 C247.24,210.47 371.63,314.08 500,421.6 C624.49,355.87 749.18,290.83 877.27,173.98 C915.14,165.22 952.97,152.22 992,132.75 L992,211.15 C867.43,358.38 743.02,444.06 614.73,516.4 C738.94,615.98 863.9,702.81 992,726.35 L992,804.75 C954.11,823.65 916.29,836.95 877.27,845.98 C752.76,789.53 628.37,685.92 500,578.4 C375.51,644.13 250.82,709.17 122.73,826.02 C84.86,834.78 47.03,847.78 8,867.25 L8,788.85 C132.57,641.62 256.98,555.94 385.27,483.6 C261.06,384.02 136.1,297.19 8,273.65 L8,195.25"/>
-  <path fill="#1A1A1A" opacity="0.2" d="M8,195.25 C178.83,110.03 349.03,140.83 521.26,167.28 C676.47,191.12 833.42,211.85 992,132.75 L992,804.75 C821.17,889.97 650.97,859.17 478.74,832.72 C323.53,808.88 166.58,788.15 8,867.25 L8,195.25 M39.25,214.64 L39.25,819.14 C345.81,690.88 650.43,915.18 960.75,785.36 L960.75,180.86 C654.19,309.12 349.57,84.82 39.25,214.64"/>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1000 1000">
+  <defs>
+    <linearGradient id="__lg" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0.0" stop-color="#FFFFFF" stop-opacity="0.5"/>
+      <stop offset="0.5" stop-color="#808080" stop-opacity="0.5"/>
+      <stop offset="1.0" stop-color="#000000" stop-opacity="0.5"/>
+    </linearGradient>
+    <rect id="__rect" x="8" y="132" width="984" height="736" fill="url(#__lg)"/>
+    <filter id="__softlight" x="0" y="0" filterUnits="userSpaceOnUse">
+      <feImage xlink:href="#__rect" result="rect"/>
+      <feComposite in="rect" in2="SourceGraphic" operator="in" result="clipped-rect"/>
+      <feBlend in="clipped-rect" in2="SourceGraphic" mode="soft-light"/>
+    </filter>
+  </defs>
+  <g filter="url(#__softlight)">
+    <path fill="#0065BD" d="M8,195.25 C178.83,110.03 349.03,140.83 521.26,167.28 C676.47,191.12 833.42,211.85 992,132.75 L992,804.75 C821.17,889.97 650.97,859.17 478.74,832.72 C323.53,808.88 166.58,788.15 8,867.25 L8,195.25"/>
+    <path fill="white" d="M8,195.25 C45.89,176.35 83.71,163.05 122.73,154.02 C247.24,210.47 371.63,314.08 500,421.6 C624.49,355.87 749.18,290.83 877.27,173.98 C915.14,165.22 952.97,152.22 992,132.75 L992,211.15 C867.43,358.38 743.02,444.06 614.73,516.4 C738.94,615.98 863.9,702.81 992,726.35 L992,804.75 C954.11,823.65 916.29,836.95 877.27,845.98 C752.76,789.53 628.37,685.92 500,578.4 C375.51,644.13 250.82,709.17 122.73,826.02 C84.86,834.78 47.03,847.78 8,867.25 L8,788.85 C132.57,641.62 256.98,555.94 385.27,483.6 C261.06,384.02 136.1,297.19 8,273.65 L8,195.25"/>
+    <path fill="#1A1A1A" opacity="0.2" d="M8,195.25 C178.83,110.03 349.03,140.83 521.26,167.28 C676.47,191.12 833.42,211.85 992,132.75 L992,804.75 C821.17,889.97 650.97,859.17 478.74,832.72 C323.53,808.88 166.58,788.15 8,867.25 L8,195.25 M39.25,214.64 L39.25,819.14 C345.81,690.88 650.43,915.18 960.75,785.36 L960.75,180.86 C654.19,309.12 349.57,84.82 39.25,214.64"/>
+  </g>
 </svg>