How to customize Images dynamically in php or jquery? [closed]

Question

Closed. This question needs to be more focused. It is not currently accepting answers.

Want to improve this question? Guide the asker to update the question so it focuses on a single, specific problem. Narrowing the question will help others answer the question concisely. You may edit the question if you feel you can improve it yourself. If edited, the question will be reviewed and might be reopened.

Closed 12 years ago.

Improve this question

I am looking to create a Product customisation tool in PHP. This tool will allow the user to create his own Customization to a predefined Mobile cover. I already have a Mobile cover image and I am looking to allow a user to write his name under a background colour on the Mobile cover image. User can change the font size and style for his name.

I am not sure how to proceed ahead with it. I am looking to dynamically create image that is placed on the Mobile cover in such way that it looks its part.

I am looking for way on how to approach it and which php image handling libraries should I make use of .

Help would be greatly appreciated.

Mohit Dhiman

You can use ImageMagick using PHPs iMagick-extension for that. See stackoverflow.com/a/6022355/156481 — acme
– acme, Commented Jul 29, 2013 at 15:01
See Image Processing and Generation. Most people seem to use GD or ImageMagick — Herbert
– Herbert, Commented Jul 29, 2013 at 15:04

Community · Accepted Answer · 2017-05-23 11:49:14Z

1

In my opinion you would be better using Ajax but with the image manipulation tool Imagick. However a downfall is this could potentially be very slow and also could use alot of CPU usage if your generating on the fly. Alother solution is you maybe able to find some flash product editors out there that all ready have this in built function, the only downside been the browser compatability issue with mobile devices.

I think the best way would be to have a template image and an ajax enabled upload function that inputs that image onto a canvas (maybe html5) and then use a dragable html5 or jquery canvas and track the x and y axis on the image:

here are some maybe useful links:

http://jqueryui.com/draggable/ - jquery dragable

http://www.w3schools.com/html/html5_draganddrop.asp - dragable canvas

Drawing Uploaded Image(with Ajax) to Canvas - drawing uploaded image to canvas

Imagick php - http://php.net/manual/en/class.imagick.php

edited May 23, 2017 at 11:49

CommunityBot

11 silver badge

answered Jul 29, 2013 at 15:07

Liam Sorsby

3,0023 gold badges30 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Herbert Over a year ago

Just out of curiousity, where did that 72 dpi come from? Do you have a link? I've heard that before but can't find an official reference.

Liam Sorsby Over a year ago

this is from previous usage but it you look at php.net/manual/en/function.imagejpeg.php you maybe able to change the DPI now. php.net/manual/en/function.imagejpeg.php

Herbert Over a year ago

I don't think GD affects image resolution. As this Stack Overflow answer to an unrelated question points out, "DPI doesn't exist in digital. There are only pixels..." Certainly, one can set JPEG's quality factor, but that doesn't have anything to do resolution. Regardless, I wouldn't recommend JPEG for print anyway.

Liam Sorsby Over a year ago

Yeah i think your right i will remove the bit about DPI however i would still recomend imagick as it has a lot more functionality then php's own GD.

Eray · Accepted Answer · 2013-07-29 15:03:38Z

0

You can create a draw.php file . this file will get some query strings like backgroundcolor, text etc. and draw an image with this datas.

Now when user change backgroundcolor, you will make an ajax call to draw.php?backgroundcolor=BLABLA&text=SOMETEXT... and you can display result on your page.

First learn have to draw images with php and than learn making ajax calls. After these, you can ask again.

answered Jul 29, 2013 at 15:03

Eray

7,14818 gold badges74 silver badges126 bronze badges

Collectives™ on Stack Overflow

How to customize Images dynamically in php or jquery? [closed]

2 Answers 2

4 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Linked

Related