Add SVG tutorial #327
Add SVG tutorial #327
Conversation
|
|
||
| Another thing we need to remember is the `z index`. Shapes we draw later in the code, will get drawn on top of other shapes. So our red square will need to be drawn before our circle, to be drawn behind. | ||
|
|
||
| Speak to your coach if your unsure about the z index, or how the points property works. For more information you could look at [http://www.w3schools.com/graphics/svg_polygon.asp](http://www.w3schools.com/graphics/svg_polygon.asp) |
There was a problem hiding this comment.
you're not your on second your in the second paragraph
|
|
||
| > here's some we made earlier :) | ||
|
|
||
| There are also some other svg shapes that might be useful, such as lines, ellipses, and text. Work with your coach, and look at W3 Schools for more ideas: [http://www.w3schools.com/graphics/svg_intro.asp](http://www.w3schools.com/graphics/svg_intro.asp) |
There was a problem hiding this comment.
After this sentence could we add:
"This ends our first of 2 lessons on SVG, we hope you enjoyed it and learnt something. If you have some spare time how about going back through this tutorial and, by yourself, make some amendments. If there is something you did not understand or want to give us some feedback, please send us an email"
|
@daniellevass @mercebc Just reminding you both of these little amends as I'd love to merge this in as it's great :) |
|
@mercebc @daniellevass what is the status of this issue? We would love to merge it in and add it to the tutorials 😄 |
|
This issue doesn't seem to have moved much for a year and I'd be interested in picking this up. However, I had in mind a more complex tutorial that covers multiple lessons, as I explained in the SVG and canvas issue. Would that work? |
Hi All,
@mercebc and I have been working on an initial draft for an SVG tutorial. What do you think?
Unsure about whether we should add a section for how to make path objects, or whether that might be too much for one tutorial?
The intention is to also have a part 2 to animate the emoji made using JavaScript.
Thank you 😄