search

dnfield / flutter_svg

SVG parsing, rendering, and widget library for Flutter
MIT License
1.66k stars 457 forks source link

Problem rendering an SVG image in version 1.1.6 rendered fine. #958

Closed DomingoMG closed 1 year ago

DomingoMG commented 1 year ago

I would like to report a problem I am having when rendering the following SVG image.

Since I upgraded from version 1.1.6 to 2.0.7 I started having this problem.

I have tried using SVG Online converters in case my SVG had a strange format.

I find it very strange that in version 1.1.6 the image looks perfect and in the latest 2.0.7 it does not.

I don't know if I'm doing something wrong, I attach code + svg image.

SVG File: user_register_step_3

Flutter SVG RENDER 2.0.7: Captura de pantalla 2023-07-04 a las 11 02 27

SVG CONTENT

<svg width="375" height="252" viewBox="0 0 375 252" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="185.5" cy="287.314" r="229" fill="#DEF0FF"/>
<path d="M167.102 20.7453C171.423 9.11175 177.61 0.347826 182.37 7.67694C187.13 15.0061 164.063 52.8925 164.063 52.8925C164.063 52.8925 162.855 32.2237 167.102 20.7453Z" fill="#EDB5A0"/>
<path d="M105.922 223.055H138.399C137.593 218.634 138.985 182.066 145.502 171.44C153.118 159.07 162.344 142.24 165.823 125.721C169.301 109.201 109.657 92.6816 93.4733 131.344C88.7578 142.614 86.5343 154.875 86.9721 167.194C87.4099 179.512 90.4976 191.562 95.9997 202.424L105.922 223.055Z" fill="#EDB5A0"/>
<g style="mix-blend-mode:multiply">
<path d="M95.3389 114.199C95.3389 114.199 118.149 133.356 105.371 170.583C105.371 170.583 122.616 132.386 95.3389 114.199Z" fill="#DA905E"/>
</g>
<path d="M169.85 139.874C169.85 140.618 169.573 141.332 169.08 141.862C168.587 142.392 167.916 142.694 167.214 142.704H90.3242C89.6153 142.704 88.9355 142.406 88.4342 141.875C87.933 141.344 87.6514 140.624 87.6514 139.874V2.83082C87.6514 2.08004 87.933 1.36001 88.4342 0.829128C88.9355 0.298246 89.6153 0 90.3242 0H167.104C167.806 0.0101933 168.477 0.312934 168.97 0.842715C169.463 1.3725 169.74 2.08671 169.74 2.83082L169.85 139.874Z" fill="#303155"/>
<path opacity="0.2" d="M169.85 25.3611V2.83082C169.85 2.08671 169.573 1.3725 169.08 0.842715C168.587 0.312934 167.916 0.0101933 167.214 0H90.3242C89.6153 0 88.9355 0.298246 88.4342 0.829128C87.933 1.36001 87.6514 2.08004 87.6514 2.83082V113.31L169.85 25.3611Z" fill="white"/>
<path d="M165.014 120.057C165 120.368 164.928 120.673 164.803 120.954C164.677 121.236 164.5 121.488 164.283 121.697C164.065 121.906 163.811 122.067 163.534 122.172C163.257 122.276 162.964 122.322 162.671 122.307H95.0445C94.7511 122.322 94.4577 122.276 94.181 122.172C93.9044 122.067 93.6499 121.906 93.4323 121.697C93.2146 121.488 93.038 121.236 92.9125 120.954C92.7871 120.673 92.7152 120.368 92.7012 120.057V10.7023C92.7152 10.3916 92.7871 10.0868 92.9125 9.80548C93.038 9.52416 93.2146 9.27181 93.4323 9.06289C93.6499 8.85397 93.9044 8.69257 94.181 8.58795C94.4577 8.48333 94.7511 8.43753 95.0445 8.45319H162.671C162.964 8.43753 163.257 8.48333 163.534 8.58795C163.811 8.69257 164.065 8.85397 164.283 9.06289C164.5 9.27181 164.677 9.52416 164.803 9.80548C164.928 10.0868 165 10.3916 165.014 10.7023V120.057Z" fill="white"/>
<path opacity="0.6" d="M149.49 65.0684H107.604V70.8851H149.49V65.0684Z" fill="#CBCCE8"/>
<path opacity="0.6" d="M149.49 76.2783H107.604V79.5745H149.49V76.2783Z" fill="#CBCCE8"/>
<path d="M92.5563 224.293L108.52 223.672L104.163 202.732V159.533C116.612 135.994 99.8791 120.483 97.5358 116.217C95.1925 111.952 97.3161 95.5871 98.3779 84.7679C99.3299 74.9957 96.5838 69.6055 91.0551 70.226C91.0551 70.226 87.8697 69.6055 86.6248 81.4329C85.7692 91.3159 82.9225 100.89 78.2768 109.508C75.8237 113.697 67.6587 133.047 74.9815 151.622C82.3043 170.197 92.5563 224.293 92.5563 224.293Z" fill="#EDB5A0"/>
<path d="M170.762 53.7051C170.762 53.7051 183.834 60.7627 180.246 71.8534C176.657 82.944 166.515 95.3918 161.609 94.3836C156.703 93.3754 159.778 87.3647 162.634 81.7031C164.701 77.7042 166.962 73.8212 169.408 70.0696L170.762 53.7051Z" fill="#EDB5A0"/>
<g style="mix-blend-mode:multiply">
<path d="M170.764 53.7051L169.41 70.0696C169.41 70.0696 166.81 73.9474 164.247 78.5232C168.494 76.8946 174.682 68.7511 178.234 60.2974C176.184 57.5942 173.644 55.3527 170.764 53.7051Z" fill="#DA905E"/>
</g>
<path d="M170.399 36.6846C170.399 36.6846 183.068 43.7422 179.589 54.8329C176.111 65.9235 166.262 78.3326 161.502 77.3243C156.742 76.3161 159.671 70.3054 162.527 64.605C165.383 58.9046 169.118 52.9715 169.118 52.9715L170.399 36.6846Z" fill="#EDB5A0"/>
<g style="mix-blend-mode:multiply">
<path d="M89.1138 72.2432C90.2362 73.4994 91.0992 74.9896 91.6477 76.6187C92.1961 78.2478 92.418 79.9801 92.2992 81.7051C92.2174 82.3887 91.9944 83.0448 91.6461 83.6268C91.2979 84.2088 90.8328 84.7024 90.2841 85.0726C89.7354 85.4428 89.1164 85.6804 88.4712 85.7686C87.8259 85.8568 87.1703 85.7934 86.5508 85.5829C86.5508 85.5829 87.2098 74.2596 89.1138 72.2432Z" fill="#F5D8B6"/>
</g>
<path d="M135.286 132.544C135.286 133.903 134.905 135.231 134.191 136.361C133.477 137.49 132.463 138.37 131.276 138.888C130.09 139.407 128.785 139.54 127.527 139.272C126.269 139.004 125.114 138.347 124.209 137.383C123.305 136.419 122.69 135.193 122.444 133.859C122.198 132.525 122.332 131.143 122.828 129.89C123.324 128.636 124.161 127.567 125.231 126.818C126.302 126.068 127.558 125.672 128.842 125.68C129.691 125.68 130.532 125.858 131.316 126.203C132.1 126.548 132.812 127.055 133.411 127.692C134.01 128.33 134.484 129.087 134.806 129.92C135.127 130.752 135.29 131.644 135.286 132.544Z" fill="#5A6B84"/>
<path d="M133.748 132.543C133.741 133.569 133.447 134.57 132.903 135.419C132.36 136.268 131.591 136.928 130.694 137.316C129.797 137.703 128.812 137.8 127.862 137.596C126.913 137.391 126.042 136.893 125.36 136.165C124.677 135.436 124.214 134.51 124.027 133.503C123.841 132.497 123.94 131.454 124.312 130.507C124.685 129.559 125.314 128.75 126.12 128.181C126.926 127.611 127.873 127.308 128.842 127.308C129.489 127.308 130.13 127.443 130.728 127.707C131.325 127.97 131.868 128.357 132.324 128.843C132.78 129.33 133.141 129.907 133.385 130.542C133.629 131.177 133.753 131.857 133.748 132.543Z" fill="#303155"/>
<path opacity="0.6" d="M162.671 8.45319H95.0445C94.7511 8.43753 94.4577 8.48333 94.181 8.58795C93.9044 8.69257 93.6499 8.85397 93.4323 9.06289C93.2146 9.27181 93.038 9.52416 92.9125 9.80548C92.7871 10.0868 92.7152 10.3916 92.7012 10.7023V21.793H165.014V10.7023C165 10.3916 164.928 10.0868 164.803 9.80548C164.677 9.52416 164.5 9.27181 164.283 9.06289C164.065 8.85397 163.811 8.69257 163.534 8.58795C163.257 8.48333 162.964 8.43753 162.671 8.45319Z" fill="#CBCCE8"/>
<path d="M157.619 106.486C157.669 108.065 157.134 109.602 156.128 110.769C155.123 111.935 153.726 112.639 152.237 112.729H109.471C107.969 112.639 106.561 111.924 105.553 110.741C104.545 109.557 104.019 108 104.089 106.408V96.481C104.019 94.889 104.545 93.332 105.553 92.1485C106.561 90.9649 107.969 90.2504 109.471 90.1602H152.237C153.739 90.2504 155.147 90.9649 156.155 92.1485C157.163 93.332 157.689 94.889 157.619 96.481V106.486Z" fill="#81B3E1"/>
<path opacity="0.5" d="M106.069 11.4004H97.0615V12.7189H106.069V11.4004Z" fill="white"/>
<path opacity="0.5" d="M106.069 14.6992H97.0615V16.0177H106.069V14.6992Z" fill="white"/>
<path opacity="0.5" d="M106.069 17.9922H97.0615V19.3107H106.069V17.9922Z" fill="white"/>
<path opacity="0.5" d="M159.16 11.0119C159.16 11.2189 159.102 11.4214 158.993 11.5936C158.885 11.7657 158.73 11.8999 158.55 11.9792C158.369 12.0584 158.17 12.0792 157.978 12.0388C157.787 11.9984 157.61 11.8986 157.472 11.7522C157.334 11.6058 157.24 11.4192 157.202 11.2161C157.163 11.013 157.183 10.8025 157.258 10.6112C157.333 10.4199 157.459 10.2563 157.622 10.1413C157.785 10.0263 157.976 9.96484 158.171 9.96484C158.433 9.96484 158.685 10.0752 158.87 10.2715C159.056 10.4679 159.16 10.7342 159.16 11.0119Z" fill="white"/>
<path opacity="0.5" d="M159.16 14.5412C159.16 14.7482 159.102 14.9507 158.993 15.1228C158.885 15.295 158.73 15.4292 158.55 15.5085C158.369 15.5877 158.17 15.6085 157.978 15.5681C157.787 15.5277 157.61 15.4279 157.472 15.2815C157.334 15.1351 157.24 14.9485 157.202 14.7454C157.163 14.5423 157.183 14.3318 157.258 14.1405C157.333 13.9492 157.459 13.7856 157.622 13.6706C157.785 13.5555 157.976 13.4941 158.171 13.4941C158.433 13.4941 158.685 13.6044 158.87 13.8008C159.056 13.9972 159.16 14.2635 159.16 14.5412Z" fill="white"/>
<path opacity="0.5" d="M159.16 18.0695C159.16 18.2766 159.102 18.479 158.993 18.6512C158.885 18.8233 158.73 18.9575 158.55 19.0368C158.369 19.116 158.17 19.1368 157.978 19.0964C157.787 19.056 157.61 18.9563 157.472 18.8098C157.334 18.6634 157.24 18.4768 157.202 18.2737C157.163 18.0706 157.183 17.8601 157.258 17.6688C157.333 17.4775 157.459 17.314 157.622 17.1989C157.785 17.0839 157.976 17.0225 158.171 17.0225C158.433 17.0225 158.685 17.1328 158.87 17.3291C159.056 17.5255 159.16 17.7918 159.16 18.0695Z" fill="white"/>
<path d="M115.293 227.162C127.871 227.162 138.067 225.443 138.067 223.322C138.067 221.202 127.871 219.483 115.293 219.483C102.716 219.483 92.5195 221.202 92.5195 223.322C92.5195 225.443 102.716 227.162 115.293 227.162Z" fill="#EDB5A0"/>
<path d="M183.836 94.7344C183.836 94.7344 209.722 97.7979 217.374 123.857L212.322 135.723C212.322 135.723 188.523 103.964 183.836 94.7344Z" fill="#E7A689"/>
<g style="mix-blend-mode:multiply">
<path d="M190.168 97.2158C190.168 97.2158 206.388 104.157 211.441 134.908L204.96 137.972C204.96 137.972 193.097 106.406 190.168 97.2158Z" fill="#F5D8B6"/>
</g>
<path d="M171.312 90.5469C171.312 90.5469 191.45 86.3589 207.67 124.168L197.528 131.07C197.528 131.07 175.999 99.7762 171.312 90.5469Z" fill="#E7A689"/>
<g style="mix-blend-mode:multiply">
<path d="M175.01 91.2061C175.01 91.2061 191.23 98.1474 196.283 128.899L189.802 132.117C189.802 132.117 178.085 100.435 175.01 91.2061Z" fill="#F5D8B6"/>
</g>
<path d="M159.083 84.2259C159.083 84.2259 178.855 83.2176 195.697 123.935L182.809 127.813C182.809 127.813 163.953 94.1919 159.083 84.2259Z" fill="#E7A689"/>
<g style="mix-blend-mode:multiply">
<path d="M155.641 83.4121C155.641 83.4121 175.522 91.5168 181.746 126.805L173.874 130.256C173.874 130.256 159.302 94.0374 155.641 83.4121Z" fill="#F5D8B6"/>
</g>
<path d="M174.863 208.083C179.33 210.526 193.17 213.59 197.82 222.819L202.873 241.743C202.873 241.743 205.802 245.892 223.047 247.559C234.304 248.266 245.567 246.277 256 241.743L238.352 206.842C238.352 177.215 217.299 123.662 217.299 123.662C215.651 118.195 182.149 122.615 183.065 127.54C181.124 122.926 181.014 122.538 179 118.389C172.918 106.083 166.094 94.2053 158.57 82.8289C152.455 72.4362 149.563 70.032 145.425 71.9321C141.288 73.8323 147.329 82.984 149.087 88.4517C149.087 88.4517 170.323 129.169 174.35 153.948C178.378 178.728 174.35 173.764 169.774 173.919C165.197 174.074 163.439 168.064 154.286 155.383C143.668 139.445 138.176 147.628 138.176 147.628C157.325 196.062 161.389 200.754 174.863 208.083Z" fill="#E7A689"/>
<g style="mix-blend-mode:multiply">
<path d="M138.799 149.178C140.892 149.619 142.848 150.61 144.486 152.06C146.123 153.51 147.391 155.372 148.172 157.476L143.485 159.997L138.799 149.178Z" fill="#F5D8B6"/>
</g>
<path d="M255.417 236.471C255.233 237.052 255.417 237.44 255.892 237.518L255.417 236.471Z" fill="#E6ECF9"/>
<path d="M196.979 85.5817C196.989 85.6735 196.982 85.7665 196.958 85.8553C196.934 85.9441 196.894 86.027 196.839 86.0991C196.785 86.1713 196.717 86.2312 196.641 86.2756C196.564 86.3199 196.48 86.3477 196.393 86.3573C196.215 86.3377 196.051 86.2461 195.935 86.1016C195.819 85.9572 195.76 85.771 195.771 85.5817V82.9836C195.76 82.7943 195.819 82.6081 195.935 82.4637C196.051 82.3192 196.215 82.2276 196.393 82.208C196.48 82.2176 196.564 82.2454 196.641 82.2897C196.717 82.3341 196.785 82.394 196.839 82.4662C196.894 82.5383 196.934 82.6212 196.958 82.71C196.982 82.7988 196.989 82.8918 196.979 82.9836V85.5817Z" fill="#303155"/>
<path d="M196.979 75.4216C196.989 75.5133 196.982 75.6063 196.958 75.6951C196.934 75.784 196.894 75.8668 196.839 75.939C196.785 76.0111 196.717 76.0711 196.641 76.1154C196.564 76.1597 196.48 76.1875 196.393 76.1971C196.215 76.1775 196.051 76.0859 195.935 75.9415C195.819 75.797 195.76 75.6108 195.771 75.4216V72.8234C195.76 72.6342 195.819 72.4479 195.935 72.3035C196.051 72.159 196.215 72.0675 196.393 72.0479C196.48 72.0575 196.564 72.0853 196.641 72.1296C196.717 72.1739 196.785 72.2339 196.839 72.306C196.894 72.3782 196.934 72.461 196.958 72.5499C196.982 72.6387 196.989 72.7317 196.979 72.8234V75.4216Z" fill="#303155"/>
<path d="M201.888 81.7074C202.051 81.7913 202.177 81.9398 202.239 82.121C202.301 82.3022 202.293 82.5017 202.217 82.6769C202.156 82.7449 202.082 82.799 202 82.836C201.918 82.873 201.83 82.8921 201.741 82.8921C201.652 82.8921 201.564 82.873 201.482 82.836C201.401 82.799 201.327 82.7449 201.265 82.6769L199.178 81.7074C199.014 81.6231 198.886 81.477 198.818 81.2977C198.75 81.1184 198.748 80.9188 198.812 80.7379C198.945 80.6178 199.113 80.5518 199.288 80.5518C199.463 80.5518 199.631 80.6178 199.764 80.7379L201.888 81.7074Z" fill="#303155"/>
<path d="M193.611 76.7407C193.774 76.8246 193.9 76.9731 193.962 77.1543C194.024 77.3355 194.016 77.535 193.94 77.7101C193.94 78.0204 193.354 78.0592 192.988 77.7101L190.901 76.3917C190.804 76.3712 190.714 76.3267 190.636 76.2618C190.559 76.1969 190.497 76.1135 190.456 76.0184C190.415 75.9233 190.397 75.8193 190.401 75.7149C190.406 75.6106 190.433 75.5088 190.482 75.4181C190.531 75.3274 190.6 75.2503 190.683 75.1932C190.765 75.136 190.859 75.1005 190.958 75.0896C191.056 75.0786 191.155 75.0925 191.247 75.1301C191.339 75.1677 191.421 75.228 191.487 75.3059L193.611 76.7407Z" fill="#303155"/>
<path d="M201.265 75.4613C201.327 75.3933 201.401 75.3391 201.482 75.3021C201.564 75.2652 201.652 75.2461 201.741 75.2461C201.83 75.2461 201.918 75.2652 202 75.3021C202.082 75.3391 202.156 75.3933 202.217 75.4613C202.259 75.5442 202.284 75.6357 202.29 75.7297C202.297 75.8236 202.283 75.9179 202.252 76.006C202.221 76.0942 202.172 76.1743 202.109 76.2409C202.047 76.3075 201.971 76.359 201.888 76.392L199.764 77.7105C199.631 77.8306 199.463 77.8966 199.288 77.8966C199.113 77.8966 198.945 77.8306 198.812 77.7105C198.748 77.5296 198.75 77.33 198.818 77.1507C198.886 76.9714 199.014 76.8253 199.178 76.741L201.265 75.4613Z" fill="#303155"/>
<path d="M192.991 80.5049C193.357 80.5049 193.796 80.5049 193.943 80.5049C194.018 80.68 194.026 80.8796 193.965 81.0608C193.903 81.242 193.777 81.3904 193.613 81.4743L191.49 82.754C191.428 82.8221 191.354 82.8762 191.272 82.9132C191.191 82.9502 191.103 82.9693 191.014 82.9693C190.925 82.9693 190.837 82.9502 190.755 82.9132C190.673 82.8762 190.599 82.8221 190.538 82.754C190.474 82.5732 190.476 82.3736 190.544 82.1943C190.611 82.015 190.74 81.8689 190.904 81.7846L192.991 80.5049Z" fill="#303155"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M133.906 36.876L135.347 38.3368L127.91 45.876L123.347 41.2492L124.788 39.7884L127.91 42.9544L133.906 36.876Z" fill="#111111"/>
</svg>

Dart code


return Scaffold(
      appBar: AppBar(
        title: Text('Blank Screen with SVG'),
      ),
      body: Center(
        child: SvgPicture.asset(
          'assets/images/user_register_step_3.svg',
          width: 200,
          height: 200,
        ),
      ),
    );
petermusembi69 commented 1 year ago

I am experiencing a similar issue, I am able to view the svg properly on github, rendering using the latest flutter svg version breaks the svg.

Here is my svg file

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 988 647" width="988" height="647">
    <defs>
        <image width="510" height="647" id="img1" href="data:image/png;base64,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"/>
        <image width="350" height="339" id="img2" href="data:image/png;base64,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"/>
    </defs>
    <style>
        tspan { white-space:pre }
        .shp0 { fill: #2f2e41 } 
        .shp1 { fill: #3f3d56 } 
        .shp2 { opacity: 0.102;fill: #000000 } 
        .shp3 { fill: #f2f2f2 } 
    </style>
    <path id="Layer" class="shp0" d="M24.4 640.36L987.91 640.36L987.91 642.6L24.4 642.6L24.4 640.36Z" />
    <path id="Layer" class="shp1" d="M736.15 0L495.53 0C489.77 0 484.05 0.98 478.61 2.88C473.17 4.79 468.09 7.6 463.59 11.2C459.09 14.8 455.22 19.14 452.17 24.02C449.11 28.91 446.9 34.28 445.63 39.9L324.06 579.17C322.73 585.05 322.71 591.15 323.99 597.04C325.27 602.94 327.82 608.48 331.47 613.28C335.12 618.08 339.77 622.02 345.11 624.83C350.44 627.64 356.33 629.25 362.35 629.55L609.7 641.74C616.27 642.06 622.85 641.2 629.11 639.18C635.37 637.17 641.21 634.04 646.36 629.95C651.51 625.86 655.88 620.88 659.26 615.23C662.63 609.59 664.96 603.38 666.13 596.91L735.1 215.64L740.23 217.11L753.43 144.84L748.15 143.52L767.4 37.1C768.22 32.54 768.03 27.86 766.84 23.38C765.64 18.9 763.48 14.75 760.49 11.2C757.51 7.66 753.78 4.82 749.57 2.88C745.36 0.95 740.78 -0.04 736.15 0Z" />
    <use id="Layer" href="#img1" x="291" y="0" />
    <path id="Layer" class="shp0" d="M448.66 149.87L703.79 149.87L703.79 151.13L448.66 151.13L448.66 149.87Z" />
    <path id="Layer" class="shp0" d="M438.61 190.72L696.25 190.72L696.25 191.97L438.61 191.97L438.61 190.72Z" />
    <path id="Layer" class="shp0" d="M687.67 147.88L681.88 140.15L682.88 139.4L687.89 146.08L707.2 130.28L707.99 131.26L687.67 147.88L687.67 147.88Z" />
    <path id="Layer" class="shp0" d="M654.37 330.11L648.57 322.38L649.58 321.63L654.59 328.31L673.89 312.51L674.69 313.49L654.37 330.11L654.37 330.11Z" />
    <path id="Layer" class="shp0" d="M410.32 331.48L410.34 330.22L677.41 335.87L677.38 337.13L410.32 331.48Z" />
    <path id="Layer" class="shp0" d="M402.15 368.55L402.17 367.29L674.27 373.58L674.24 374.83L402.15 368.55Z" />
    <path id="Layer" class="shp2" d="M569 474.43C569 490.27 562.71 505.45 551.51 516.65C540.32 527.84 525.13 534.13 509.3 534.13C493.47 534.13 478.28 527.84 467.09 516.65C455.89 505.45 449.6 490.27 449.6 474.43C449.6 473.69 449.62 472.94 449.65 472.2C450.23 456.57 456.92 441.8 468.29 431.06C479.65 420.31 494.78 414.45 510.42 414.75C526.05 415.04 540.95 421.46 551.91 432.62C562.86 443.78 569 458.79 569 474.43L569 474.43Z" />
    <use id="Layer" href="#img2" x="339" y="308" />
    <path id="Layer" class="shp3" d="M497.22 490.86L476 462.56L481.02 458.79L498.31 481.84L566.38 426.15L570.36 431.02L497.22 490.86L497.22 490.86Z" />
</svg>
BiuYangYang commented 1 year ago

I've also encountered this, using SVG doesn't work, the images have jagged details and are rendered strangely. Using png format is no problem

dnfield commented 1 year ago

@petermusembi69 - that SVG has different issues than what are reported in this bug I think.

@domingomg Please share the contents of user_register_step_3.svg.

DomingoMG commented 1 year ago

@dnfield I have updated the post with the SVG content.

dnfield commented 1 year ago

@DomingoMG - I suspect this is fixed, when I try this on Flutter main from yesterday it is rendering fine.

At any rate, this is another example of a bug related to https://github.com/flutter/flutter/issues/130078 - this SVG contains multiple points where blend modes are used interestingly. Going to track things there.

petermusembi69 commented 1 year ago

Hey @dnfield, I would appreciate knowing the isssues on the svg

@petermusembi69 - that SVG has different issues than what are reported in this bug I think.

dnfield commented 1 year ago

It's using CSS styling

petermusembi69 commented 1 year ago

Thanks, I will update the svg to not use css styling.

The svg was displayed properly on version 1.1.6 and below, but isn't as from version 2.0.0 and above.

I presume CSS styling is no longer supported.

@dnfield

DomingoMG commented 1 year ago

@dnfield I have upgraded to the latest versions of flutter and the problem is no longer on Android, on iOS it still looks the same.

Can you run the tests on iOS and confirm me if there is any problem?

Information about the versions I am using Flutter 3.10.6 - channel stable - https://github.com/flutter/flutter.git Framework - revision f468f3366c (2 weeks ago) - 2023-07-12 15:19:05 -0700 Engine - revision cdbeda788a Tools - Dart 3.0.6 - DevTools 2.23.1