Scalable Vector Graphics - स्केलेबल वेक्टर ग्राफिक्स Home - होम

  

Open Editor.

Save SVG scripts to view in Browser.

खुला संपादक।

ब्राउज़र में देखने के लिए SVG स्क्रिप्ट को सेव करें।

1. Basics मूल बातें

  1. Copy this simple embedded svg graphic into the editor. - इस सरल एम्बेडेड svg ग्राफिक को संपादक में कॉपी करें।
    Save as svg.html and open in browser. - svg.html के रूप में सहेजें और ब्राउज़र में खोलें।

    1_1

  2. Change code, save in folder and refresh in browser. - कोड बदलें, फ़ोल्डर में सहेजें और ब्राउज़र में ताज़ा करें।





  3. A collection of basic shapes. - मूल आकृतियों का संग्रह।



Activity गतिविधि

Draw the Robot. - रोबोट को ड्रा करें।



2. Path. पथ।

  1. Pyramid using Path. - पथ का उपयोग करते हुए पिरामिड।





  2. Compare Path and Label methods. - पाथ एंड लेबल के तरीकों की तुलना करें।





  3. Repeating triangle pattern. - बार-बार त्रिकोण पैटर्न।



    2_3

  4. Grid. - ग्रिड।



    2_4

  5. Robot on Grid. - ग्रिड पर रोबोट।



  6. 2_5

    Activity - गतिविधि

    Finish the Robot - रोबोट खत्म करो

    2_6

3. Animation - एनीमेशन

  1. Moving Green Circle. - चल रहा है ग्रीन सर्कल।
    Note: saved as svg file - नोट: svg फ़ाइल के रूप में सहेजा गया


    circle
  2. Black Bats. - दो काले चमगादड़।


    blackbat
  3. Rotate a Triangle around a half circle. - एक आधा वृत्त के चारों ओर एक त्रिभुज घुमाएँ।


    semicircle

    Activity - गतिविधि

    Change animation to full circle. - एनिमेशन को फुल सर्कल में बदलें।

    fullcircle

4. Scratch Vector Graphics -स्क्रैच वेक्टर ग्राफिक्स

Note

To view Scalable Vector Graphics, scripts are embedded in HTML5 or include links
xmlns="http://www.w3.org/2000/svg" and xmlns:xlink="http://www.w3.org/1999/xlink"
स्केलेबल वेक्टर ग्राफिक्स देखने के लिए, स्क्रिप्ट एचटीएमएल 5 में एम्बेडेड होती हैं या लिंक शामिल करती हैं
xmlns="http://www.w3.org/2000/svg" तथा xmlns:xlink="http://www.w3.org/1999/xlink"




Combine Scripts to Animate Bat - चींटियों को चेतन चमगादड़ से मिलाएं



bat

Animate the Dog - चींटियों को चेतन चमगादड़ से मिलाएं



doggy1

doggy2