किसी वेब पेज पर प्रदान की जाने वाली स्ट्रिंग की लंबाई (पिक्सेल में) कैसे निर्धारित करें?

Question

यदि मुझे फ़ॉन्ट आकार (12) और फ़ॉन्ट परिवार (कैलिब्ररी) पता है, तो क्या लंबाई (पिक्सल में) निर्धारित करने का कोई तरीका है, दिए गए स्ट्रिंग के बाद इसे लिया जाएगा? मैं फ़ॉन्ट और आकार के बारे में बिल्कुल निश्चित हूं। PHP उद्देश्य में लंबाई निर्धारित करने के लिए इस उद्देश्य के लिए कोई लुकअप टेबल हैं? मैं एक एसवीजी छवि को गतिशील रूप से उत्पन्न करने के लिए एक PHP स्क्रिप्ट लिख रहा हूं जिसमें डीबी से निकाले गए डेटा से भरे विभिन्न बक्से शामिल हैं। समस्या यह है कि स्ट्रिंग बड़ा होने पर मुझे पाठ को मैन्युअल रूप से चारों ओर लपेटने और बॉक्स के आकार को बढ़ाने की आवश्यकता है।

धन्यवाद

Answer 1

दिया स्ट्रिंग के लिए बाउंडिंग बॉक्स के आकार पाने के लिए PHP समारोह imagettfbbox का प्रयोग करें।

दूसरी तरफ भी javascript to manipulate SVG images का उपयोग कर सकते हैं यदि आप इसे क्लाइंट साइड पर संभालना चाहते हैं। यही कारण है कि जिस तरह से यह भले ही ग्राहक निर्दिष्ट फ़ॉन्ट या नहीं था कोई फर्क नहीं होता ...

Answer 2

आपका शीर्षक और वास्तविक पोस्ट थोड़ा अलग बातें कहता है। मैं अनुमान लगा रहा हूं कि आप वास्तव में क्या पूछ रहे हैं कि क्या आपके PHP कोड (वेब ​​पेज को प्रस्तुत करने से पहले) में वेब पेज पर दिए गए पाठ के पिक्सेल में चौड़ाई निर्धारित करना संभव है।

यदि ऐसा है, तो उत्तर "नहीं" है। कहा गया है कि उपयोगकर्ता के कंप्यूटर पर फ़ॉन्ट उपलब्ध नहीं हो सकता है; एस/उसके पास कस्टम स्टाइलशीट लागू हो सकती है; बड़े फ़ॉन्ट आकार का उपयोग करें; आदि ...

क्या आप कर सकते हैं है कि चौड़ाई जावास्क्रिप्ट पृष्ठ का उपयोग कर के बाद निर्धारित प्रदान की गई है है (जाहिर है, आपको लगता है कि कुछ अन्य पेज में के रूप में अच्छी तरह से करते हैं और तब तक कुछ भी नहीं बदलता है आशा कर सकते हैं) और कहा कि प्रस्तुत PHP पर वापस। कुछ चालाक AJAX-ing के साथ आप इसे एक ही पृष्ठ पर भी कर सकते हैं।

जावास्क्रिप्ट में इसे कैसे करें इस पर विवरण के लिए this question पर एक नज़र डालें।

Answer 3

आप छवि के रूप में स्ट्रिंग को प्रस्तुत करने और परिणामी छवि के आकार को प्राप्त करने के लिए PHP जीडी का उपयोग कर सकते हैं।

आप इस का उपयोग करते हैं, यह काम करना चाहिए:

list($left,, $right) = imageftbbox(12, 0, "arial.ttf", "Hello World"); 

    $width = $right - $left; 

Answer 4

उपयोग jQuery,

$("text").each(function(){alert(this.innerHTML+" is "+$(this).width()+" pixels.");}); 

Answer 5

आप पाठ के स्ट्रिंग की लंबाई निर्धारित करने के लिए, पीएचपी का उपयोग करना चाहते हैं बिल्ड-इन -Fonts (जैसे अगर आप imagestring उपयोग कर रहे हैं()), आप का उपयोग कर सकते हैं:

imagefontwidth() 


$text = "Your text here" 
$fontSize = 5; 

$textLength = imagefontwidth($fontSize) * strlen($text); 

आप बिल्ड-इन-फ़ॉन्ट्स, उपयोग imagettfbbox (उपयोग नहीं करते हैं), जैसा कि ऊपर उल्लेख की तरह।