2012-05-15 10 views
6

मेरे पास एक ऐप है जो एक मूल एसवीजी टाइल बनाता है जो लगभग 300 x 150px है। मुझे इस टाइल को डुप्लिकेट करने की आवश्यकता है, जैसे कि मैं दो ए 4 पृष्ठों, या एक ए 3 पेज पर एक अच्छा प्रिंटआउट बना सकता हूं। तो, मूल रूप से, मैं फ़ोटोशॉप/जो कुछ भी के बजाय svg में पेज लेआउट 101 कर रहा हूं।प्रिंटर आउटपुट के लिए एसवीजी बनाना और स्केल करना

क्या कोई मुझे इसे शुरू करने के तरीके पर कोई संकेत दे सकता है? पल में, मैं बहुत भोलेपन से यह कर रहा हूँ:,

  1. सेट में एक बड़ा कैनवस लगभग 1500 x 1500px
  2. के ब्राउज़र से
  3. प्रिंट जावास्क्रिप्ट में टाइल नकल 4 x 6 बार

यह अधिक या कम योग्य है, लेकिन अच्छा नहीं दिखता है। क्या यह ए 4 पेज के भौतिक आकार के साथ कैनवास स्थापित करने में मदद करेगा? अगर मैं ऐसा करता हूं, तो मुझे समस्या है कि टाइल एक जटिल ग्राफिक है जिसे मैंने वर्तमान में पिक्सेल इकाइयों का उपयोग करके बनाया है। यहां तक ​​कि यदि मैं ऐसा करता हूं, तो ब्राउज़र संभवतः कैनवास आकार को अनदेखा कर देगा। या मुझे पहले पीडीएफ में परिवर्तित करना चाहिए? अगर मैं ऐसा करता हूं, तो मुझे अभी भी एक एसवीजी 'पेज' सेट अप करने की आवश्यकता है जो अच्छी तरह से पीडीएफ में परिवर्तित हो जाएगा। और क्या कोई उपकरण वास्तव में svg 1.2 पेज सामान का समर्थन करता है?

ध्यान दें कि मैं इनक्सकेप का उपयोग नहीं कर सकता, क्योंकि मेरा एसवीजी कोड पूरी तरह जावास्क्रिप्ट है।

+0

आप कुछ स्क्रीनशॉट प्रदान कर सकते हैं जिस तरीके से यह अच्छा नहीं दिखता है उसे दिखाने के लिए? यदि आप एक जेएसफिल्ड की आपूर्ति कर सकते हैं जो आदर्श होगा, क्योंकि लोग गलत होने के बारे में महसूस कर सकते हैं। इसके अलावा, आप एसवीजी से पीडीएफ में कैसे परिवर्तित हो रहे हैं? संभवतः आप सर्वर पर उस बिट को कर रहे हैं? – halfer

+0

ए 4 पर मुद्रित एक वर्ड डॉक की कल्पना करें जिसमें 10pt टेक्स्ट 14pt के रूप में आता है, दायां मार्जिन रास्ता बंद है, और जिसमें पेज ब्रेक खो गए हैं, और आप वहां हैं। मैंने पोस्ट करने से पहले पीडीएफ रूपांतरण की कोशिश नहीं की थी, लेकिन अब मैंने wkhtmltopdf की कोशिश की है। यदि मैं कैनवास को 297x210mm के रूप में स्थापित करता हूं, और स्मार्ट स्केलिंग के बिना wkhtmltopdf चलाता हूं, और शून्य मार्जिन के साथ, आउटपुट एक ए 4 पृष्ठ पर फिट होगा, हालांकि काफी केंद्रित नहीं है। समस्या तब व्यूबॉक्स को सेट करने के लिए कुछ ढूंढ रही है, जिसमें तार्किक है और जो मुझे पिक्सल में डिज़ाइन करने देता है। मुझे लगता है कि मुझे पिक्सल छोड़ना होगा और पीटीएस और सेमी में जाना होगा। – EML

उत्तर

1

इसके लिए कैनवास का उपयोग न करें!

एसवीजी का बिंदु स्केलेबल ग्राफिक्स है। आप ब्राउज़र में स्वयं एसवीजी को स्केल कर सकते हैं और फिर वहां से प्रिंट कर सकते हैं।

आप तो एसवीजी पैमाने पर करने के तुम सब करने की या तो एक सीएसएस पैमाने लागू किया गया है चाहते हैं:

http://jsfiddle.net/simonsarris/xYZyf/

या एक एसवीजी पैमाने:

http://jsfiddle.net/simonsarris/xYZyf/1/

+0

सीएसएस स्केल जुलाई 2014 तक वेबकिट-आधारित ब्राउज़र में काम नहीं कर रहा प्रतीत होता है –

संबंधित मुद्दे