Ionic plugin for Image Viewer - image

I want to use a ionic plugin to show image with zoom functionality and rotate buttons. Do anyone know any good plugin or if not how to implement rotate button with ionic native photo viewer

I found PhotoEditor, but you must pay

I have used plugin "ionic-img-viewer": "^2.9.0", for image viewing and zooming.
Please find below code.
<img src={{blog.profilepicture}} imageViewer class="profilePicture" onError="this.src='assets/sliderimg/defaultuser.png'">
This plugin does not provide rotation. you need to add extra functionality.

Related

how to animate an image in flutter like https://youtu.be/vWgT_qla4gw

I want to animate a background image like given in the video in flutter https://youtu.be/vWgT_qla4gw. please help me
there are many ways to animate the background but the popular one is to use animated_background library from pub.dev
here's the link to it
you can install this library to your flutter app and still can't figure out how to use it.....you can comeback here anytime.....cheers for your project

Xamarin.forms open camera inside popup

Is there any way we can open camera in a custom popup in xamarin.forms? Currently I am using Xam.Plugin.Media which will open camera in an entire screen. what I am trying to mimic is open the camera inside a circular frame to show inside Rg.Plugin.Popup . How can I achieve it? Does it require platform level implementation? Any help is appreciated
First, I find a feature-request - Cropping interface of Xam.Plugin.Media and the author refused it as it should be done in a different app since it is not available out of the box on all platforms.
You can have a try with Take Photo Overlay (iOS Only) function of this plugin to add a layer in iOS camera.
I also find a useful OverlaySample of Xamarin.forms which can add overlayer to camera in Xamarin.forms.
Refer: overlayview-in-xamarin-forms
how-capture-image-using-camera-circle

Image edit filter in xamarin forms

I am developing a project (kinda like CamScanner) where I take an image and on the fly crop it and edit it and save it to my device memory. I chose to do it in xamarin forms because of 1 source maintenance. I have managed to take the image using Xam.Plugin.Media and crop that image using ImageCropper.Forms plugins. Now, I cant seem to find any good plugins that can edit my image (Filters like Black and White, Magic Color, Grayscale). Can anyone guide me to choose which plugin is the best there is for the filter? I am focusing mainly on Android and iOS at the moment.
Thanks in advance
As of today, there is no plugin available to apply color filters for Xamarin.Forms. The closest thing would be using SkiaSharp Color Filters and define you own Color Matrices, which is not quite user friendly.

Make current screen into BLUR on Xamarin.forms

I'm making app with using Xamarin.forms PCL project.
I just wanted to know if there is some way to make current screen into blur screen.
I will put something on it.
I'm using SkiaSharp 2d library for XF which works great and support blur image.
But it's for image file to make blur.
Should I take a screenshot for current screen and put it on the top and make it blur?
Any tip will be helpful.
Thanks.
For iOS for blur you may try https://www.nuget.org/packages/Xamarin.Forms.Essentials.Controls/
For Android and Win there seems to be no such a straightforward functionality but one can try creating some bitmaps and blurring them.
The Sharpnado.MaterialFrame supports blurred background:
https://github.com/roubachof/Sharpnado.MaterialFrame

Workaround scrollview zoom for android #appcelerator

Hi I am building a magazine viewer and I need to zoom and drag the content pages. I am using scrollview but I guess the zoom works only for ios. Is there any workaround for this? I am using Titanium 5 sdk, and don't found modules that support it.
On Android you might be able to use http://docs.appcelerator.com/platform/latest/#!/api/Titanium.UI.ImageView-property-enableZoomControls

Resources