Image annotation in Xamarin.Forms - xamarin

I am new to Xamarin.Forms and looking for a help on two questions.
I would like take a picture with the camera or download one from a website. Once the image is loaded, to be able to draw on the image with stylus or finger. Once satisfied with the annotation, save the image back. Does anyone know of a tool that I could use to help speed up this dev effort?
Is there a way application can figure out if the image that is being saved is of good quality, meaning not blurry or with disturbance?
Thanks in advance for any suggestions / information.

Related

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.

Cakephp 2+ Image Resize and Crop while uploading the image

Hi i need to implement image resize and crop the image while uploading to the server. Please help me out.
There are two plugins doing exactly what you want to:
a component https://github.com/angelitomg/QimageComponent you have to actively trigger in your controller
a behaviour https://github.com/josegonzalez/cakephp-upload which allows you to implement the resizing for a hole model(action independent) with a simple actsAs
The second one is developed by josegonzalez who is really active in #cakephp irc and the whole cakephp development... so this is most likely the better choice ;)
Try the image upload behavior
https://github.com/cakecoded/image-upload-behavior/blob/master/app/Model/Behavior/ImageUploadBehavior.php

How to replicate code for Facebook image gestures?

I am developing an educational app that is made of multiple images. I am also new at coding and XCode. I wanted to know how to get my images so they respond to the gesture similar to the photos on facebook (swiping, min/max zooming, scrolling all on one image). I have the UIImage in UIScrollview.
Can I add all the gestures in UIScrollView or do I have to add each gesture separately? Because the app is made up of multiple png images do I have to connect each image separately or is there a method to implement one code for the entire program?
I am using Storyboard and have minimal coding.
If this information is already out there I would greatly appreciate some direction. I have tried to use "Basic Zooming Using the Pinch Gestures" from the iOS library with little success.
Check out this tutorial.
http://www.raywenderlich.com/6567/uigesturerecognizer-tutorial-in-ios-5-pinches-pans-and-more
In this they go over exactly what your wanting, zooming in and out images and swiping. Pretty much you use UIGestureRecognizers. :)

iphone 4 - Application doesn't show image?

I've had this app on app store with no problem until iphone 4 came out.
My home page has an image covering the whole screen.
UIImageView added in interface builder, and image path added in interface builder.
In all phones this image shows up; however, the image does not show up in any iphone 4, and instead the user sees a blank screen like the following:
Anybody knows what's causing this? thanks
.
I only have 1 set of images with
normal resolution
This problem only happens to one of
the images in my application which is
the background for my home page
the graphic file should not be
corrupted because the exact same
image works for all other iphones and
itouches
my image is a jpg file
image size is 480x270, which in
interface builder i make it 563x330 to display only a part of it
I have no outlet to this uiimageview
so it cannot be changed in code
With devices with the new retina display, pixel sizes are different and you have to check for the following, in particular:
Do you provide two alternatives of the image, one at old resolution, one at double resolution (named myimage.png and myimage#2x.png)
If not, does your image scale up well in size with CoreGraphics's algorithms (there are some pathological cases, though you'd have to be quite unlucky)?
Have you checked what happens (at both resolutions) when your UIImageView size changes?
Is it just one image, or all?
Is your graphics file corrupted?
It's hard to tell if it's any of these points, or something else, because you provide so damn little detail, that I stick to generic things. Comment below (or edit your question) if you need more help.
I've got two things to add to FXs thorough answer:
Considering the information you added, I would take a look at your code for setting up that UIImageView. Perhaps you use some sort of detection code or something which wasn't implemented correctly.
Would you mind sharing some code snippets?
According to Apple's documentation, you don't need to provide the ".png" extension as of iOS 4. Perhaps that is causing the problem.
Again, code snippets would help here. Specifically where you deal with loading up your image file.
EDIT:
Try re-saving the image and replacing it. I've occasionally corrupted files in Photoshop. This has to do with file extensions and how Mac OS ignores them, but Photoshop still uses them.
Also, it could have to do with where the image is in your XCode project. Check what Group it is in. Make sure everything is in place and then Clean and Rebuild. Remove the app from the iPhone4 (reboot) and try reinstalling.
I hope this helps.
Good luck!
If this was my code, I'd write a tiny app just to display the image in question. If it still fails it would be easier to get help debugging the problem.

Flash image upload with mandatory crop?

Anyone know of a Flash file (image) uploader that will force a user to resize and/or crop their image BEFORE uploading it? To then upload it as well.
Basically, I don't want my server processing the image resize/crop. I want to specify a target aspect ratio and have the user resize and crop their image to make it fit.
I've seen cropping uploaders before but they all seem to be server side. I saw a Flex one but I'm not sure it's "mandatory" -- Basically if the user just uploads the image without making edits, then I'd like the Flash to scale and fit the image into set dimensions...Leaving it I guess short in one direction to not stretch.
Anything like this out there?
Thanks!
I have a bounty running with a very similar question, be sure to take a peek - there isn't anything there yet that does client side resizing, though.
Also, SWFUpload is said to support it in the new Beta, but the feature is very sparsely documented right now. You would probably have to work on it to get it running the way you want.
http://www.adylevy.com/index.php/2009/07/22/multiple-files-uploader-with-preview-on-client-side/
there was another one called resize before upload but the site went down. though while I'm updating this and we're on the subject -- I don't see why you'd want to use Flash these days for this task. There are plenty of JavaScript options and now we also have Google's Dart (which builds JavaScript).

Resources