/    Sign up×
Community /Pin to ProfileBookmark

Round pictures – Javascript Expert

Copy linkTweet thisAlerts:
Jan 19.2015

Hello @all,

I bought this plugin for my wordpress site:
fancyproductdesigner.com/product/poster/?start_customizing=yes

and I want to round pictures. I mean, if friends upload a photo or use facebook to add photos, those photos should be round like here:
[url]http://jsfiddle.net/1z8hmtxb/3/[/url]

I dont know how to add this code to the plugin. I’m only familiar with HTML/ CSS. I thought I may search for “<img” tags and add a css code but It doesnt work for me.

Please if you are an expert have a look !

to post a comment
JavaScript

7 Comments(s) ↴

Copy linkTweet thisAlerts:
@xelawhoJan 19.2015 — without trawling through your plugin code I can tell you that the fiddle you posted works on <canvas> elements, not <img> so that may be a start. You can have a look here: http://h3manth.com/content/convert-any-image-html5-canvas for code that dynamically converts img to canvas, but it's going to be some heavy work to put the two together - if you are just starting out with js it may be a bit out of your ballpark
Copy linkTweet thisAlerts:
@betterauthorJan 19.2015 — hello xelawho,

thanks! The plugin owner told me that I should look at the addElement() Method and that he uses fabric.js as HTML5. Is it really that difficult to solve this problem?
Copy linkTweet thisAlerts:
@betterauthorJan 19.2015 — I mean I have looked at the javascript file and it is very clean coded and I can imagine where I have to add the code but I dont know how ?
Copy linkTweet thisAlerts:
@xelawhoJan 19.2015 — I don't think it's possible to offer you any sort of concrete solution without seeing the plugin code or at least the addElement method.
Copy linkTweet thisAlerts:
@betterauthorJan 19.2015 — I cant upload files here, but I found a website which uses the plugin and where you can find the related file:

http://kooga.co.nz/wordpress/wp-content/plugins/fancy-product-designer/js/

I'm working on localhost (127.0.0..) so I cant give an url, sorry for that.
Copy linkTweet thisAlerts:
@betterauthorJan 21.2015 — seems to be difficult?
Copy linkTweet thisAlerts:
@betterauthorFeb 01.2015 — no solution? Please there is an expert out there i know!
×

Success!

Help @better spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.1,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...