I need a single webpage where the user can fill in some parameters and then the svg image is dynamically updated.
Following parameters need to be adjustable:
Upper Text (3 to 15 letters)
Lower Text (3 to 15 letters)
Font ( 10 selected google fonts from drop down list. The fonts are pre-loaded into the page )
Following parameters are fix: SVG circle size, stroke and fill colors, text color....
The page then shows the SVG graphics and a text line of the selected parameters for easy copy-pasting into an email or order form.
See these fiddles as inspiration:
[url removed, login to view] to see the page layout with input fields
[url removed, login to view] (to see the SVG graphics with two aligned text strings. this fiddle uses a JS library that is not allowed for this project, use only SVG!)
Following parameters shall be fix for the web page user, but easily customizable by variables in the code to adjust the appearance of the inline SVG image:
size of inner and outer circle by changing the svg width and height
text dropshadow color, x and y
outer ring size, color, blur and dropshadow
inner ring stroke color, stroke width, fill color, blur and dropshadow
Bu iş için 7 freelancer ortalamada €73 teklif veriyor
Hi greetings of the day I am a Experienced PHP Developer based out in Chennai,India. My experience revolves around development of web and mobile applications,Ecommerce websites. I believe that I am well qualified to un Daha Fazla
We have worked on my such projeccts and we can provdie you the HTML page that generates inline SVG Image.
I can create the solution using angularjs and [login to view URL] i have used them before in a card designer project, you can check it here: [login to view URL]!/cardDesigner/newCard/