create account

SVG Path Builder - Experiment with, practice, learn inline svg by geekgirl

View this thread on: hive.blog |  peakd.com |  ecency.com
steemhunt · @geekgirl ·
$6.79
SVG Path Builder - Experiment with, practice, learn inline svg
# SVG Path Builder
Experiment with, practice, learn inline svg

---
## Screenshots
<center><img alt="svgpathbuilder.mp4" src="https://s3-us-west-2.amazonaws.com/steemhunt/production/steemhunt/2019-05-13/b19f17d6-svgpathbuilder-thumb.jpg"/></center>





---
## Hunter's comment
I have hunted several tools that help to build SVG graphics in the past. This one I find interesting because I think it is useful for experimenting with, practicing and learning inline SVG commands. It kinda reminds me of Scratch that gives a visual guide in learning how to code. 

SVG graphics are very useful for the web can be created using GUI software like Illustrator, Inkscape, etc. However, the real power of SVG graphics comes in its seamless integration with HTML, CSS, and JavaScript. SVG graphics can be created using inline sequences of code within HTML documents or as separate files. In either case, their DOM structure makes it possible to change, decorate, animate and more with the rest of the web technologies like CSS and Javascript.

If you are someone who is learning SVG as a  markup, you may find this tool useful. It also allows quickly to create logos or web assets and download them as inline SVG, so they can be used within the web pages.

---
## Link
https://mavo.io/demos/svgpath/

---
<center><br/>![Steemhunt.com](https://i.imgur.com/jB2axnW.png)<br/>
This is posted on Steemhunt - A place where you can dig products and earn STEEM.
[View on Steemhunt.com](https://steemhunt.com/@geekgirl/svg-path-builder-experiment-with-practice-learn-inline-svg)
</center>
👍  , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , and 87 others
properties (23)
authorgeekgirl
permlinksvg-path-builder-experiment-with-practice-learn-inline-svg
categorysteemhunt
json_metadata{"tags":["steemhunt","blog","apps","software"],"image":["https://s3-us-west-2.amazonaws.com/steemhunt/production/steemhunt/2019-05-13/b19f17d6-svgpathbuilder-thumb.jpg"],"links":["https://mavo.io/demos/svgpath/"],"community":"steemhunt","app":"steemhunt/1.0.0"}
created2019-05-12 22:26:21
last_update2019-05-12 22:26:21
depth0
children5
last_payout2019-05-19 22:26:21
cashout_time1969-12-31 23:59:59
total_payout_value5.074 HBD
curator_payout_value1.712 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length1,569
author_reputation1,588,017,852,468,897
root_title"SVG Path Builder - Experiment with, practice, learn inline svg"
beneficiaries
0.
accountsteemhunt
weight1,000
1.
accountsteemhunt.pay
weight500
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id84,742,546
net_rshares15,289,166,885,875
author_curate_reward""
vote details (151)
@joannewong ·
$0.17
<center>https://media.giphy.com/media/3o7abKhOpu0NwenH3O/giphy.gif</center>
---

## <center>Impressive Hunt, Your **Hunt** just got **Verified!**</center> 
 
---
 
Please read our [posting guidelines](https://github.com/Steemhunt/web/blob/master/POSTING_GUIDELINES.md).
Connect with Steemhunt
* [Discord Group](https://discord.gg/mWXpgks)
* [Telegram Chat](https://t.me/steemhunt)
* [Twitter](https://twitter.com/steemhunt)
👍  , , , , , , ,
properties (23)
authorjoannewong
permlinkre-geekgirl-svg-path-builder-experiment-with-practice-learn-inline-svg-20190513t014505014z
categorysteemhunt
json_metadata{"tags":["steemhunt"],"community":"steemhunt","app":"steemhunt/1.0.0","verified_by":"joannewong"}
created2019-05-13 01:45:06
last_update2019-05-13 01:45:06
depth1
children0
last_payout2019-05-20 01:45:06
cashout_time1969-12-31 23:59:59
total_payout_value0.128 HBD
curator_payout_value0.038 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length423
author_reputation132,991,719,282,821
root_title"SVG Path Builder - Experiment with, practice, learn inline svg"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id84,749,363
net_rshares327,298,016,359
author_curate_reward""
vote details (8)
@maxdevalue · 
What a great tool! Coding is made simpler with SVG Path Builder.

Posted using [Partiko iOS](https://partiko.app/referral/maxdevalue)
properties (22)
authormaxdevalue
permlinkmaxdevalue-re-geekgirl-svg-path-builder-experiment-with-practice-learn-inline-svg-20190512t225059297z
categorysteemhunt
json_metadata{"app":"partiko","client":"ios"}
created2019-05-12 22:51:00
last_update2019-05-12 22:51:00
depth1
children0
last_payout2019-05-19 22:51:00
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length133
author_reputation82,688,667,156,496
root_title"SVG Path Builder - Experiment with, practice, learn inline svg"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id84,743,396
net_rshares0
@nygma · 
This vector tool for building scalable images is quite simple to use and at the same time allowing you get used with the inline commands. Such a great tool to learn drawing the first vectors, but also learn how those are constructed, considering a system based on coordinates. Keep it coming!
👍  , , , ,
properties (23)
authornygma
permlinkre-geekgirl-svg-path-builder-experiment-with-practice-learn-inline-svg-20190513t055230532z
categorysteemhunt
json_metadata{"tags":["steemhunt"],"community":"steemhunt","app":"steemhunt/1.0.0"}
created2019-05-13 05:52:33
last_update2019-05-13 05:52:33
depth1
children0
last_payout2019-05-20 05:52:33
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length292
author_reputation6,918,582,514,226
root_title"SVG Path Builder - Experiment with, practice, learn inline svg"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id84,759,006
net_rshares7,446,385,903
author_curate_reward""
vote details (5)
@steemhunt · 
### Congratulations!
We have upvoted your post for your contribution within our community.
Thanks again and look forward to seeing your next hunt!

Want to chat? Join us on:
* Discord: https://discord.gg/mWXpgks
* Telegram: https://t.me/joinchat/AzcqGxCV1FZ8lJHVgHOgGQ
properties (22)
authorsteemhunt
permlinkre-svg-path-builder-experiment-with-practice-learn-inline-svg-steemhunt
categorysteemhunt
json_metadata{"tags":["steemhunt"],"community":"steemhunt","app":"steemhunt/1.0.0","format":"markdown"}
created2019-05-13 15:26:09
last_update2019-05-13 15:26:09
depth1
children0
last_payout2019-05-20 15:26:09
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length269
author_reputation328,252,698,785,439
root_title"SVG Path Builder - Experiment with, practice, learn inline svg"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id84,783,074
net_rshares0
@thedawn ·
$0.10
It is very good and useful product because it is used in experimentation in inlline SVG commands. Great hunt.
👍  
properties (23)
authorthedawn
permlinkre-geekgirl-svg-path-builder-experiment-with-practice-learn-inline-svg-20190513t031802385z
categorysteemhunt
json_metadata{"tags":["steemhunt"],"community":"steemhunt","app":"steemhunt/1.0.0"}
created2019-05-13 03:18:03
last_update2019-05-13 03:18:03
depth1
children0
last_payout2019-05-20 03:18:03
cashout_time1969-12-31 23:59:59
total_payout_value0.073 HBD
curator_payout_value0.024 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length109
author_reputation18,112,689,713,612
root_title"SVG Path Builder - Experiment with, practice, learn inline svg"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id84,752,896
net_rshares187,895,626,204
author_curate_reward""
vote details (1)
Help/Feedback