Flutter_svg: [WEB] Add support to Html renderer

[franarolas]

I know that @dnfield was looking to a solution to this, I think that it would be nice if we receive some feedback of the status of that as we can't work with canvaskit renderer in a production environment and we need to use SVGs images(I really don't want to migrate all the images to sprites, as it is the only solution I see to this).

[leijingxing]

+1

[dnfield]

The main blocker on this is implementing Canvas.drawPicture, which I am told should be simple

[franarolas]

The main blocker on this is implementing Canvas.drawPicture, which I am told should be simple

@dnfield Who is supposed to implement this? Are you working on it?

[dnfield]

I think @ferhatb is or had someone in mind.

[franarolas]

@dnfield That's great, I hope it can be implemented as soon as possible, anyways if you need some help maybe I can give a hand.

[ferhatb]

@franarolas , yes looking at it, likely 2 phases. First we will first add support for drawPicture API which should enable the library, and then optimize so we can take advantage of browsers own rendering in most use cases.

[franarolas]

@franarolas , yes looking at it, likely 2 phases. First we will first add support for drawPicture API which should enable the library, and then optimize so we can take advantage of browsers own rendering in most use cases.

Please let us know when it is available, as a lot of people is waiting for this, thank you.

[dnfield]

I think we can probably close this. drawPicture is now implemented, and a large number of SVGs work on web. There are still some missing features.

From here out, I think we should just open/tag bugs in the flutter/flutter repo for any missing features you might need - e.g. if two point conical gradients are really important for your SVG, this isn't the right repo to open an issue.

[franarolas]

@dnfield That's great, I see this is now merged in version 1.27.0-9(Master channel), we will need to wait until it is implemented in to beta version, it should be around 20th of march. Thank you!

[duttaoindril]

Wait just to clarify, this package will support flutter_svg on HTML rendering on the master channel?

[dnfield]

Yes. There are still a handful of features that aren't supported (e.g. two point conical gradients are probably not supported), but many common SVGs should render just fine.

[duttaoindril]

@dnfield Ok, awesome! I don't know what two-point conical gradients are, but on canvas kit, this firefox logo renders correctly:

But on HTML in the master branch it looks like this:

Probably something to check out.

SVG: Firefox.svg.zip

[dnfield]

That's not a bug in this library and should be filed in the flutter repo. It's likely an issue with radial gradients

[ferhatb]

@duttaoindril Dan is correct that html renderer doesn't support 2 point conical gradient yet. We will land a PR in flutter engine repo to fix this.

[duttaoindril]

Should I file an issue for this, or is this already being solved?

[ferhatb]

@duttaoindril the issue is https://github.com/flutter/flutter/issues/76643.