• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 214
  • Last Modified:

Suggestions about technologies to build a small application

I would like to build a small application that will allow users to upload a photo (or take one from heir phone / tablet) and overlay on the taken pic an image and allow users to define position of this image, size, rotation and blend.

I know python, html5, css, jquery and php.

Are those languages suit for the job?

Can you please suggest any plugins / widget / frameworks that will allow me to get the job done?

The application should work on linux / windows / mac / mobile devices so I think a web application would be the best idea...

Thanks for your time.
0
ltpitt
Asked:
ltpitt
  • 3
  • 3
1 Solution
 
lenamtlCommented:
I would use html5, css, jquery and php.

You can check these jQuery plugins:
https://github.com/andyvr/picEdit
http://www.croppic.net/
0
 
ltpittAuthor Commented:
I need to load image captured from camera / pc and then move it, turn it and zoom it in or out on the second image...
0
 
lenamtlCommented:
The suggestion I gave you are for the image edition once the image is loaded from your server, you can zoom, move, flip etc.

There is a few script the capture the image
http://wolframhempel.github.io/photobooth-js/
http://pixlcore.com/read/WebcamJS
https://www.scriptcam.com/
http://docs.phonegap.com/en/edge/guide_overview_index.md.html#Overview

You can get some inspiration from this tutorial
https://www.twilio.com/blog/2015/03/create-a-browser-based-photobooth-with-javascript-php-and-twilio.html
0
Managing Security Policy in a Changing Environment

The enterprise network environment is evolving rapidly as companies extend their physical data centers to embrace cloud computing and software-defined networking. This new reality means that the challenge of managing the security policy is much more dynamic and complex.

 
ltpittAuthor Commented:
I am sorry but I don't see how I can put an image over an image...

I need to (let's imagine) put mickey mouse (transparent png) on a picture with a kid smiling...

I've understood that I can upload my image with all the plugins you suggested but then?

How can I zoom, move, flip an image over another?
0
 
lenamtlCommented:
Ok I see, you need layers.

Premium one:
http://codecanyon.net/item/pixie-image-editor/10721475

Free but need some extra work
You can use this tutorial to create your image editor (it use layer)
http://code.tutsplus.com/tutorials/build-an-image-editor-with-easeljs-jquery-and-the-html5-file-api--active-11142

it's using
http://www.createjs.com/Demos/EaselJS/SpriteSheet
0
 
ltpittAuthor Commented:
Thanks a lot for all the patience and the suggestions
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Cloud Class® Course: Ruby Fundamentals

This course will introduce you to Ruby, as well as teach you about classes, methods, variables, data structures, loops, enumerable methods, and finishing touches.

  • 3
  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now