Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

HTML5 कैनवास या SVG पर विश्व मानचित्र

<घंटा/>

आप विश्व मानचित्र बनाने के लिए SVG का उपयोग कर सकते हैं और raphaeljs के साथ काम कर सकते हैं।

सबसे पहले, सीखें कि राफेल.जेएस कैसे जोड़ें, और एक मंडली कैसे बनाएं,

var paper = Raphael(10, 50, 320, 200);

// drawing circls
var circle = paper.circle(50, 40, 10);

circle.attr("fill", "#f00");
circle.attr("stroke", "#fff");

फिर विश्व मानचित्र बनाने के लिए निम्नलिखित देखें।


  1. एचटीएमएल 5 एसवीजी में गोलाकार कोनों के साथ आयत कैसे बनाएं?

    एसवीजी स्केलेबल वेक्टर ग्राफिक्स के लिए खड़ा है और एक्सएमएल में 2डी-ग्राफिक्स और ग्राफिकल अनुप्रयोगों का वर्णन करने के लिए एक भाषा है और एक्सएमएल को एसवीजी व्यूअर द्वारा प्रस्तुत किया जाता है। अधिकांश वेब ब्राउज़र एसवीजी प्रदर्शित कर सकते हैं जैसे वे पीएनजी, जीआईएफ, और जेपीजी प्रदर्शित कर सकते हैं।

  1. एचटीएमएल 5 कैनवास पर एसवीजी फाइल कैसे बनाएं?

    एसवीजी को कैनवास पर खींचने के लिए, आपको एसवीजी छवि का उपयोग करना होगा। सबसे पहले, तत्व का उपयोग करें जिसमें HTML शामिल है। उसके बाद, आपको एसवीजी छवि को कैनवास में खींचना होगा। उदाहरण HTML कैनवास पर SVG फ़ाइल बनाने के लिए आप निम्न कोड आज़मा सकते हैं <!DOCTYPE html> <html>    

  1. मैं एचटीएमएल 5 में एसवीजी सर्कल के अंदर एक छवि कैसे प्रदर्शित कर सकता हूं?

    एसवीजी सर्कल के अंदर एक छवि प्रदर्शित करने के लिए, तत्व का उपयोग करें और क्लिपिंग पथ सेट करें। क्लिपिंग पथ को परिभाषित करने के लिए तत्व का उपयोग किया जाता है। SVG में इमेज एलीमेंट का उपयोग करके सेट की जाती है। उदाहरण आप HTML5 में SVG सर्कल के अंदर एक छवि प्रदर्शित करने का तरीका जानने के लिए निम