1. تکنیک های پیشرفته در برنامه سازی وب ) اسلايد نهم SVG - ) جوانمرد Email: Javanmard.ehsan@gmail.com Website: www.ejavanmard.blogfa.com به نام خدا

2. Raster Graphic vs. Vector Graphic تکنیک های پیشرفته در برنامه سازی وب – جوانمرد – اسلايد 9 2

3. SVG تکنیک های پیشرفته در برنامه سازی وب – جوانمرد – اسلايد 9 3  SVG stands for Scalable Vector Graphics.  SVG defines graphics in XML format.

4. مثال تکنیک های پیشرفته در برنامه سازی وب – جوانمرد – اسلايد 9 4 My first SVG

5. What is SVG? تکنیک های پیشرفته در برنامه سازی وب – جوانمرد – اسلايد 9 5 SVG is a language for describing two-dimensional vector graphics in XML. SVG stands for Scalable Vector Graphics SVG is used to define vector-based graphics for the Web SVG defines the graphics in XML format SVG graphics do NOT lose any quality if they are zoomed or resized Every element and every attribute in SVG files can be animated SVG is a W3C recommendation SVG integrates with other W3C standards such as the DOM and XSL

6. SVG Advantages تکنیک های پیشرفته در برنامه سازی وب – جوانمرد – اسلايد 9 6 Advantages of using SVG over other image formats (like JPEG and GIF) are: SVG images can be created and edited with any text editor SVG images can be searched, indexed, scripted, and compressed SVG images are scalable SVG images can be printed with high quality at any resolution SVG images are zoomable (and the image can be zoomed without degradation) SVG is an open standard SVG files are pure XML

7. SVG predefined Shapes تکنیک های پیشرفته در برنامه سازی وب – جوانمرد – اسلايد 9 7  Rectangle  Circle  Ellipse  Line  Polyline  Polygon  Path

8. Rectangle تکنیک های پیشرفته در برنامه سازی وب – جوانمرد – اسلايد 9 8

9. Rectangle تکنیک های پیشرفته در برنامه سازی وب – جوانمرد – اسلايد 9 9

10. SVG Circle تکنیک های پیشرفته در برنامه سازی وب – جوانمرد – اسلايد 9 10

11. ellipse تکنیک های پیشرفته در برنامه سازی وب – جوانمرد – اسلايد 9 11 تمرین :

12. line تکنیک های پیشرفته در برنامه سازی وب – جوانمرد – اسلايد 9 12

13. Polygon تکنیک های پیشرفته در برنامه سازی وب – جوانمرد – اسلايد 9 13 تمرین :

14. Polyline تکنیک های پیشرفته در برنامه سازی وب – جوانمرد – اسلايد 9 14 تمرین :

15. path تکنیک های پیشرفته در برنامه سازی وب – جوانمرد – اسلايد 9 15 A B C

16. text تکنیک های پیشرفته در برنامه سازی وب – جوانمرد – اسلايد 9 16 I love SVG

17. SVG stroke تکنیک های پیشرفته در برنامه سازی وب – جوانمرد – اسلايد 9 17

18. SVG Drop Shadows, Blur Effects and Gradients تکنیک های پیشرفته در برنامه سازی وب – جوانمرد – اسلايد 9 18

19. SVG editor تکنیک های پیشرفته در برنامه سازی وب – جوانمرد – اسلايد 9 19