पर ट्रिगर का आकार बदलें, मेरे पास एक div है जिसमें मैं protovis का उपयोग कर चार्ट बना सकता हूं। Div में width: 100% और height: 100% है और चार्ट बनाने के लिए कोड $('#chart').width() और $('#chart').height() का उपयोग करता है ताकि डिवीजन का समय रेंडर समय पर प्राप्त हो और चार्ट को चार्ट के साथ भरें। मैं खिड़की पर आकार बदलने का आयोजन करता हूं और div और चार्ट को समायोजित करता हूं ताकि खिड़की का आकार बदलने पर इसका आकार बदल जाए।प्रिंट
अब मुझे प्रिंट करने की आवश्यकता है। मैं आशा करता था कि जब ब्राउज़र प्रिंटर के लिए पृष्ठ प्रस्तुत कर रहा है तो यह आकार बदलता है लेकिन कम से कम सफारी और फ़ायरफ़ॉक्स नहीं करता है। क्रोम कुछ अजीब करता है जिसमें यह केवल ऊंचाई का आकार बदलता है लेकिन चौड़ाई नहीं। प्रिंट से ठीक पहले इस व्यवहार को ट्रिगर करने का कोई तरीका है?
संपादित करें। निम्नलिखित एचटीएमएल
<html>
<head>
<title>Resize</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#chart').resize(function() {
$(this).html('chart size is ' + $('#chart').width() + ' x ' + $('#chart').height());
})
});
$(window).resize(function() {
$('.resizable').resize();
});
</script>
<style type="text/css">
#chart { width: 100%; height: 100%; background: gray; border: 1px solid black;}
</style>
</head>
<body>
<div id="chart" class="resizable">
</div>
</body>
</html>
जब मैं खिड़की का आकार बदलता हूं तो div परिवर्तन की सामग्री पर विचार करें। जब मैं इसे प्रिंट करता हूं तो रेंडर प्रक्रिया आकार बदलने की घटना को आग नहीं देती है।
ब्राउज़र समर्थन (दोनों क्या प्रिंट हो के संदर्भ में, और मुद्रण होने बनाने की प्रक्रिया में) आम तौर पर कमजोर पर सबसे अच्छा है। मुझे यह देखने में दिलचस्पी है कि कोई भी अच्छी चाल का सुझाव देता है, लेकिन मुझे संदेह है कि आप जो चाहते हैं वह आम तौर पर संभव है। – Pointy
इस मुद्दे के बारे में कुछ भी ऑनलाइन नहीं मिला है। मुझे विंडो को कुछ उचित आकार में बदलना पड़ सकता है और फिर पृष्ठ को प्रिंट करना पड़ सकता है। – rmarimon
क्या आपने इसे आजमाया? –
pixelpalast