एक चित्र काउंटर बनाएँ

सभी को नमस्कार! आज मैं आपको बताऊंगा कि PHP का उपयोग करके ऊपर की तरह गतिशील रूप से एक चित्र कैसे बनाया जाए। हर कोई शायद सोच रहा था कि इसे कैसे लागू किया जाए। यह मुझे लगता है, अगर आप बहुत अच्छा सोचते हैं, तो हम एक नई तकनीक को ध्यान में रखेंगे, जिसे अब पेश किया जा रहा है, खासकर एचटीएमएल 5 के आगमन के साथ। यह, जैसा कि कई लोग पहले ही अनुमान लगा चुके हैं, एसवीजी है । उन लोगों के लिए, जो वास्तव में नहीं जानते हैं, यह केवल एक सामान्य तस्वीर है, लेकिन XML के रूप में लिखा गया है। आप दो तरीकों से एक चित्र प्राप्त कर सकते हैं: इसे स्वयं बनाएं, उदाहरण के लिए, इंक्सस्केप में या पहले से ही समाप्त एक डाउनलोड करें। मैं दूसरी विधि का उपयोग करूंगा, क्योंकि मेरे पास न तो समय है और न ही कलात्मक प्रतिभा। मैं व्यक्तिगत संदेशों / मेल के एक उदाहरण के रूप में करूंगा, इसलिए मुझे दो चित्रों की आवश्यकता है, पहला - कोई संदेश नहीं, दूसरा - हमारे पास कई नए संदेश हैं। तस्वीरें यहाँ डाउनलोड करें । old.svg - कोई संदेश नहीं, new.svg एक संदेश है।

इसलिए, हम कार्यान्वयन के लिए पारित करेंगे। हमें आवश्यकता होगी:

• PHP और HTML का कुछ ज्ञान
• टेम्पलेट इंजन क्या है यह समझना
• समझ क्या SVG है

टेम्पलेट इंजन यहाँ से डाउनलोड करें ।
टेम्पलेट इंजन कैसे काम करता है? यह काफी आसानी से काम करता है। हम कक्षा को टेम्पलेट इंगित करते हैं, चर, पारसीम को इनिशियलाइज़ करते हैं, हम आउटपुट के लिए तैयार कोड प्राप्त करते हैं।
यदि कोड में, यह कुछ इस तरह से काम करता है:

require_once('template.php'); //   $var = "Text"; $tpl->get_tpl('file.html'); $tpl->set_value('Var',$var); $tpl->tpl_parse(); 

उसी तरह हम अपने चित्रों के साथ काम करेंगे। सबसे पहले, karinka new.svg खोलें, उदाहरण के लिए, नोटपैड में। फ़ाइल के अंत में लाइन खोजें:

 <tspan sodipodi:role="line" id="tspan5273" x="71.75" y="11.791">1</tspan> 

और इसमें बदलें:

 <tspan sodipodi:role="line" id="tspan5273" x="71.75" y="11.791">{MSG}</tspan> 

इन चरणों के साथ, हमने टेम्पलेट में एक चर जोड़ा। अब जब हमारे पास पिक्चर टेम्प्लेट है, तो हम फंक्शन पर जाते हैं। लिखने से पहले, आपको यह पता होना चाहिए कि हमारे पास दो चित्र हैं और हमें यह सोचने की आवश्यकता है कि चर के मूल्य के आधार पर किसको प्रदर्शित किया जाए। फिर इस मान को टेम्पलेट में स्थान दें और एक सरल कोड प्राप्त करें:

  //   require_once('template.php'); //   $number = 1; if ($number == 1){ //   $tpl->get_tpl('imgs/new.svg'); $tpl->set_value('MSG',$number); $tpl->tpl_parse(); echo $tpl->html; } else{ //   $tpl->get_tpl('imgs/old.svg'); $tpl->tpl_parse(); echo $tpl->html; } 

ध्यान दें कि चित्र imgs उपनिर्देशिका में हैं, और टेम्पलेट इंजन उस स्क्रिप्ट के बगल में है जिसमें यह जुड़ा हुआ है।
वह सब है! एक सरल समाधान, एक साधारण समस्या।
पुनश्च: new.svg तस्वीर के लिए क्षमा करें। यदि आप इसे सही नहीं करना चाहते हैं, तो मैं आकर्षित नहीं कर सकता।