I am using flutter_svg package to show svg picture in flutter but I want to be able to zoom into this picture without losing the svg properties of keeping the resolution, I have tried to use photo_view for zooming capabilities and flutter_svg_provider to use svg picture as image provider but it's not working properly.
So is there a way to be able to zoom and move freely in SVG picture in Flutter?
Related
I am trying to display an animated SVG on Flutter,
this SVG itself contain animations, I don't want to animated from outside using an other library, if I try to apply SvgPicture.asset() to show it, it bring it without any animation.
Flutter currently doesn't provide any SVG support directly.
You can use https://pub.dartlang.org/packages/flutter_svg for basic SVG support
and Lottie or Fluttie for animated vector graphics.
I already have an svg that itself has animation,
but once I use it as any other svg the animation is not considered ...
I checked the svg and it has "animateTransform" to make the picture move, in special rotation and speed
do you think is there a solution to make it move ? I don't want any external animation but only the one that comes with the SVG itself ..
I am trying to create a dynamic logo using as a splash screen using dart flutter as the below image
So as the previous image this shield logo there's a way to create it dynamically using dart-flutter as to able to animate it easily as dragable those small squares in the shield logo...
There's a tutorial or docs related to this case could help me...
I hope this would be clear enough..
If there is no user interaction then you could use
Lottie animation or else if you want to have a user interaction with the animation to it then you could do like
ColorFiltered with the position
Update the state of the position from drag/click position
I am testing the use of undraw library assets in my flutter app.
I am using the flutter_svg plugin and I am able to display the file properly using the following code
final Widget svg = SvgPicture.asset('assets/image.svg');
Now I would like to paint the SVG and I see there is a color and colorBlenMode property.
The problem is that if I set the color then my whole image gets painted. I actually would like to paint only a layer as per the image below.
Does anyone know if it is at all possible? How could I do it?
Maybe you can solve it doing a SVG by yourself on Method Draw, you can draw and paint each component as you want, after that you can convert your SVG code to a Flutter Custom Painter which is basically a draw in flutter, Flutter Shape Maker.
How can I make an Image Editor app in Flutter, adding a frame to an image an emojis and after that saving it to local storage, any tutorial or idea?
I tried using CustomPainter + render to texture but didn't get it how it can solve my problem