HTML की मदद से फोटो बनाएं — 3 आसान तरीके
कैसे काम करता है?1) <img> टैग से फोटो दिखाएँ
सबसे सरल तरीका: इमेज का URL या लोकल फ़ाइल दें और ब्राउज़र उसे दिखा देगा।
HTML कोड देखें
<img src="photo.jpg" alt="My Photo" />
2) Canvas से इल्यूस्ट्रेशन/फोटो बनाएं
HTML5 <canvas> और थोड़े से JavaScript से आप खुद आर्ट बना सकते हैं — और उसे PNG के रूप में सेव भी कर सकते हैं।
Canvas का बेसिक HTML
<canvas id="art" width="960" height="540"></canvas>
<script>
const c = document.getElementById('art');
const ctx = c.getContext('2d');
// ctx से ड्रॉ करें...
</script>
3) SVG से वेक्टर फोटो/लोगो
SVG XML-बेस्ड होता है, इसलिए HTML के अंदर सीधे लिखा जा सकता है। यह स्केलेबल और शार्प रहता है।
SVG का छोटा सा उदाहरण
<svg viewBox="0 0 200 200"> <circle cx="100" cy="100" r="80" fill="orange" /> </svg>