Question

PHP Image Drawing/Editing

Asked by: stealthwifi12

I have a PHP website with images.
The Images (jpeg) are stored on the server where the site is hosted.

I need to be able to draw on those allready uploaded images.
By draw I mean add circles, squares, lines, arrows,  and color those (circles, squares, lines, arrows) from within my site.

Here is how I would like the flow to go:
User logs into my site, finds the picture they want to edit and clicks it, that opens the toolbar/editor/page to draw on the picture, user draws squares and lines and so forth, clicks save and the changes are saved on that picture.

What (preferably free) tool/toolbar/code/widget... can do this?
Those are the only features it needs, it should not have any more or much more than what is needed, the users that will use it are not at all computer savy.

Cheers,

This Question has been solved and asker verified All Experts Exchange premium technology solutions are available to subscription members.

Subscribe now for full access to Experts Exchange and get

Instant Access to this Solution

  • Plus...
  • 30 Day FREE access, no risk, no obligation
  • Collaborate with the world's top tech experts
  • Unlimited access to our exclusive solution database
  • Never be left without tech help again

Subscribe Now

Asked On
2009-07-29 at 11:30:14ID24610578
Tags

PHP

,

Ajax

,

Image edit

,

image draw

,

image toolbar

,

jpeg edit

,

online image drawing

,

jpeg toolbar

Topics

Web Images

,

Adobe Flash

,

PHP Scripting Language

,

Web Languages/Standards

,

Java Programming Language

Participating Experts
2
Points
490
Comments
14

Trusted by hundreds of thousands everyday for fast, accurate and reliable tech support.

  • "The time we save is the biggest benefit of Experts Exchange to Warner Bros. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange." Mike Kapnisakis, Warner Bros.
  • "Our team likes having a resource that is more secure than just using Google and most experts using this service really know their stuff. It's nice to look here first versus using Google." Dayna Sellner, Lockheed Martin
  • "Anytime that I've been stumped with a problem, 9 out of 10 times Experts Exchange has either the accepted solution or an open discussion of the potential solution to the problem." Kenny Red, eBay Inc.

See what Experts Exchange can do for you.

Got a question?

We've got the answer.

Experts Exchange has been collecting answers to technology questions since 1996…3 million and counting! If you have a question, chances are we already have your answer.

Screenshot of Experts Exchange Knowledgebase

Need individual assistance?

Our experts are ready to help.

If you can't find the exact answer you're looking for, ask our exclusive community of 50,000 experts. You’ll get a personalized answer from a trusted professional.

Screenshot of Experts Exchange Knowledgebase

Want to learn from the best?

Read articles from industry experts.

Thousands of free tech tips, tricks, how-to’s and tutorials are available in our peer reviewed articles section. See for yourself how smart our experts are, no login required.

Screenshot of an Article

Working on a long term project?

Store your work and research.

Save solutions to your questions, answers you’ve discovered through searching plus helpful articles in your personal knowledgebase for easy future access.

Screenshot of Experts Exchange Knowledgebase

Access the answers to your technology questions today.

Subscribe Now

30-day free trial. Register in 60 seconds.

What Makes Experts Exchange Unique?

Members of the expert community talk about why the experience at Experts Exchange is different than what you will find anywhere else.

Trusted by the world's most respected brands.

image of each brand's logo

Faithfully serving IT professionals since 1996.

Experts Exchange Logo

Try it out and discover for yourself.

Subscribe Now

30-day free trial. Register in 60 seconds.

Related Solutions

  1. Circle drawing
    Hello - I need to draw circles on Excel objects without obliterating things already in the object (words, numbers, etc. Using the oval shape doesn't do this for me as it is a whole shape and not just the outline. Any ideas?

Free Tech Articles

  1. WARNING: 5 Reasons why you should NEVER fix a computer for free.
    It is in our nature to love the puzzle. We are obsessed. The lot of us. We love puzzles. We love the challenge. We thrive on finding the answer. We hate disarray. It bothers us deep in our soul. W...
  2. SCCM OSD Basic troubleshooting
    SCCM 2007 OSD is a fantastic way to deploy operating systems, however, like most things SCCM issues can sometimes be difficult to resolve due to the sheer volume of logs to sift through and the dispe...
  3. Migrate Small Business Server 2003 to Exchange 2010 and Windows 2008 R2
    This guide is intended to provide step by step instructions on how to migrate from Small Business Server 2003 to Windows 2008 R2 with Exchange 2010. For this migration to work you will need the fo...
  4. Create a Win7 Gadget
    This article shows you how to create a simple "Gadget" -- a sort of mini-application supported by Windows 7 and Vista. Gadgets can be dropped anywhere on the desktop to provide instant information, ...
  5. Outlook continually prompting for username and password
    There have been a lot of questions recently regarding Outlook prompting for a username and password whilst using Exchange 2007. There are a few reasons why this would happen and I will try to cover t...
  6. Backup Exchange 2010 Information Store using Windows Backup
    There seems to be quite a lot of confusion around the ability to backup Exchange 2010 using the built in Windows Backup feature. This stems from the omission of this feature prior to Exchange 2007 s...

Cloud Class Webinars

  1. Avoiding Bugs in Microsoft Access
    Alison Balter takes and in-depth look at avoiding bugs in Access. In this webinar you will learn about using the immediate window to debug your applications, invoking the debugger, using breakpoints to troubleshoot, stepping through code, setting the next statement to execute, ...
  2. Top 10 Best New Features in Visio 2010
    Scott Helmers gives live demonstrations of the top 10 new features in Visio 2010. This webinar will teach you how to create compelling diagrams by adding shapes to the page with a single click, linking the shapes in a diagram to data in Excel (or SQL Server, or SharePoint), ...
  3. IT Consultant Business Secrets Revealed
    Michael Munger, Experts Exchange tech pro and IT consultant, pulls back the curtain on his very successful businesses and answers question on every IT consultant and business owner should know about. He shares secrets on what he did to solve the 5 most common problems in IT, ...
  4. Disaster Recovery and Business Continuity
    Quest CTO, Mike Billon, gives an overview of the steps involved in building a dunamic disaster recovery plan. Through case studies and an examination of software/hardware tooles for monitoring and testing, you'll gain a better understandin of where you are, where you want ...
  5. Organize Your Visio Diagrams with Containers and Lists
    Scott Helmers uses cross functional flowcharts, wireframe diagrams, data graphic legends and seating charts to teach you: how to ustilize all three new structured diagram components in Visio 2010, the best practices for organizeing shapes in previous version of Visio, how to organize ...
  6. How to Us Objects, Properties, Events and Methods in Microsoft Access
    Alison Dalter gives an in-depbth look at objects, properties, events and methods in Microsoft Access. In this webinar you will learn about using the object browser, referring to objects, working with properties and methods, working with object variables, understanding the ...

Join the Community

Give a Little. Get a Lot.

Join the community of experts here and help other tech pros by answering question in your area of expertise. You can earn FREE access to all Experts Exchange's premium features and resources.

Join the Community

Answers

 

by: virmaiorPosted on 2009-08-04 at 04:37:24ID: 25012455

To do what you describe is either going to take a java app or a flash app as far as i am aware...
you may wish to add those zones.

 

by: jjperezaguinagaPosted on 2009-08-04 at 13:17:22ID: 25017718

Dear stealthwifi12,

Asido is your solution, please check the following link. http://en.wikipedia.org/wiki/Asido

In the link you can see the instructions of how to use it, where you can download it and what are its featuares.

Hope it helped,
-JJ

 

by: jjperezaguinagaPosted on 2009-08-04 at 13:24:39ID: 25017782

Dear stealthwifi12,

Reviewing your picture, what you are looking for looks more like Dr Pic. http://www.drpic.com/

You can also check Pixlr http://www.pixlr.com/ and Sumo Paint http://www.sumopaint.com/web/ even though this last ones are Flash based and the first one is AJAX.

Have a good day,
-JJ

 

by: stealthwifi12Posted on 2009-08-05 at 08:53:39ID: 25024877

jjperezaguinaga: I checked out your link to Asido and it does not appear to meet the requirments, you can not draw I mean add circles, squares, lines, arrows,  and color those (circles, squares, lines, arrows)

jjperezaguinaga: Dr Pic is closer to what we need but as I stated I need it in my site not using another persons site, it needs to be fully integrated.

 

by: jjperezaguinagaPosted on 2009-08-05 at 11:43:35ID: 25026682

Dear stealthwifi12:

I'm sorry I didn't review your question with attention the first time. My second answer was trying to get a better aproach of what you were looking.

There are good jquery plug ings, but I haven't found one that works with pictures (you can draw rectangles, eclipes, etc). However, I found this Yahoo Widget, that may be what you want.

http://widgets.yahoo.com/widgets/drawdemo

I recommend you to try it, so you can tell us if it's what you wanted or if it's not, to keep searching and helping you.

Best regards,
-JJ

 

by: virmaiorPosted on 2009-08-05 at 11:48:03ID: 25026731

I think you should ask the mods to change  the categories to flash and java

 

by: stealthwifi12Posted on 2009-08-06 at 10:27:37ID: 25035902

jjperezaguinaga: That is closer to what I need.
The image is uploaded and stored on the website, a user can click a link which brings them to a page to edit that image (edit being adding the boxes, lines...) and upon clicking save the changes are saved.

virmaior: I will request they extend the zone

 

by: stealthwifi12Posted on 2009-08-12 at 07:34:14ID: 25079113

anyone??? Please this is a very important project to us!

 

by: jjperezaguinagaPosted on 2009-08-12 at 22:34:47ID: 25085635

Dear stealthwifi12,

I had been looking for the script you need, but I haven't found it yet. There's a really good chance that all the features you have are not in a same plugin/widget/script/code. I know that you want it free, but in case you really need it, you can post your need in www.getafreelancer.com/

Surfing in the net, I was thinking why there was not a feature like that... It's not that complicated as you say it, basically you need to get a PHP script/code to let the user upload the picture in your webpage and then load it in some other stuff (probably jquery/ajax or some widget) and save it.

The trouble comes with the save thing. Since you need more like "drawing", editing scripts/features that are on the web are going to be useless, because as you saw in ASIDO PHP library, most of them are based in functions that modify characteristics of the picture. When you say "drawing", you are creating through mathematical code or script OVER the picture.

I have two ideas about how to solve your problem:

1st: I'm not a Flash savy, and since I'm thinking as a PHP/Javascript programmer this thing sounds harder that it looks. However, I'm sure there's a Flash way to call the picture, create a basic drawing interface and creating a new bitmap that we would like to call the "new picture". Saving would be just XML stuff. Flash have way more features for bitmap handling so maybe you may want to go in the Flash forum. They will tell you if there's some way to do it or not. If you want to adjust the way you handle the bitmaps from Flash with Actionscript, that would be easier to do.

2ns: I'm not sure about this but it may work. Using other programming software, (probably Visual Basic or even basic Windows commands) you can print screen of a webpage automatically. Using a jquery easy drawing librery, you can draw the basic features you want. If you can load the user image as a webpage background, and you modify the jquery library to make it a smart friendly user interface to draw, you can set print the saved screen and upload it to your server. I don't know how to do this, and maybe it's harder than the 1st solution, but maybe some people in the forum can help with this idea (if it's possible).

Anyway, I'll hope you find the best way to solve your question and I'll keep in touch to see how's going on. I storngly recommend to check this in the Flash forum.
Have a nice day!
-JJ

 

by: stealthwifi12Posted on 2009-08-18 at 10:04:18ID: 25125275

I have been looking more into flash and still unable to find any program that meets the simple criteria needed (free or not checked many of each type).

I guess I will have to close the question.

I must say this is about the 3rd question I have posted on Experts-Exchange that didn't receive a working answer.
The other 2 I had to figure out on my own and it appears I will with this one as well.

Thank you jjperezaguinaga your seem to have tried very hard in researching this so I will just award the points to you. I am very disappointed in experts-exchange it is apparent that there are very few if any real experts on here. I will be reviewing this with my company and other tech firms I am in contact with.

 

by: stealthwifi12Posted on 2009-08-18 at 10:05:51ID: 31609400

Unable to answer question

20120131-EE-VQP-002

3 Ways to Join

30-Day Free Trial

The Experts

98% positive feedback on 31,087 answers since March 2000. angeliii is a Microsoft Most Valuable Professional for his work with MS SQL Server & Develoment.

He has also proven his knowledge of Visual Basic Programming, PHP Scripting and Oracle Databases.

The Experts

97% positive feedback on 10,752 answers since July 2000. lrmoore has more than 18 years experience in the networking industry.

The six-time Mircosoft MVPs specialties include firewalls, virtual private networking, and network management.

Testimonials

"...and excellent source for support... Kind of like having your very own IT dept." Electriciansnet

Testimonials

"I was apprehensive at signing up at first. However... it has already made my life as an IT administrator much easier." JaCrews

Testimonials

"WOW! You guys have great, active, and knowledgeable people on here." moore50

Business Clients

Business Clients

In the Press

"If you’ve got a question... Experts Exchange can supply an answer.”

In the Press

"...an invaluable aid for both IT professionals and those who require tech support."

In the Press

"where IT professionals provide quick answers on just about any topic"

Business Account Plans

Loading Advertisement...