मैं जेएसपीडीएफ का उपयोग करने के लिए नया हूं लेकिन मेरे जीवन के लिए मुझे इस बात पर लागू करने के लिए कोई सीएसएस नहीं मिल सकता है! मैंने इनलाइन, आंतरिक, और बाहरी सभी को कोई फायदा नहीं हुआ है! मैंने एक और एसओ पोस्ट में पढ़ा है कि चूंकि यह तकनीकी रूप से एक फाइल में सामान प्रिंट कर रहा है, इसलिए मुझे प्रिंट स्टाइल शीट चाहिए, और यह भी काम नहीं करता है। जे एस:जेएसपीडीएफ को काम करने के लिए कोई स्टाइल नहीं मिल सकता
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="jspdf.js"></script>
<script type="text/javascript" src="./libs/FileSaver.js/FileSaver.js"></script>
<script type="text/javascript" src="./libs/Blob.js/BlobBuilder.js"></script>
<script type="text/javascript" src="jspdf.plugin.standard_fonts_metrics.js"></script>
<script type="text/javascript" src="jspdf.plugin.split_text_to_size.js"></script>
<script type="text/javascript" src="jspdf.plugin.from_html.js"></script>
<script>
$(document).ready(function(){
$('#dl').click(function(){
var specialElementHandlers = {
'#editor': function(element, renderer){
return true;
}
};
var doc = new jsPDF('landscape');
doc.fromHTML($('body').get(0), 15, 15, {'width': 170, 'elementHandlers': specialElementHandlers});
doc.output('save');
});
});
</script>
HTML:
<body>
<div id="dl">Download Maybe?</div>
<div id="testcase">
<h1>
We support special element handlers. Register them with jQuery-style
</h1>
</div>
</body>
और अंत में स्टाइलशीट कि बाहरी है
मैं एक बहुत ही बुनियादी पेज कि मैं सिर्फ के साथ काम करने के लिए किसी भी सीएसएस पाने के लिए कोशिश कर रहा हूँ है :
h1{
color: red;
}
div{
color: red;
}
मुझे यकीन है कि सभी सही तरीके से शामिल हो रहे हैं, और एन ओ त्रुटियां, पहले से ही उन सभी की जांच की गई है। क्या सीएसएस को काम करने के लिए मुझे कुछ अतिरिक्त फ़ंक्शन की आवश्यकता है? मुजे जानने दो कृपया! आपका बहुत बहुत धन्यवाद! आपके पास जो भी अन्य सुझाव हो सकते हैं, उनकी भी सराहना की जाती है!
संपादित करें:
<html>
<head>
<link rel="stylesheet" href="print.css" type="text/css" media="print"/>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="jspdf.js"></script>
<script type="text/javascript" src="./libs/FileSaver.js/FileSaver.js"></script>
<script type="text/javascript" src="./libs/Blob.js/BlobBuilder.js"></script>
<script type="text/javascript" src="jspdf.plugin.standard_fonts_metrics.js"></script>
<script type="text/javascript" src="jspdf.plugin.split_text_to_size.js"></script>
<script type="text/javascript" src="jspdf.plugin.from_html.js"></script>
<script>
$(document).ready(function(){
$('#dl').click(function(){
var specialElementHandlers = {
'#editor': function(element, renderer){
return true;
}
};
var doc = new jsPDF('landscape');
doc.fromHTML($('body').get(0), 15, 15, {'width': 170, 'elementHandlers': specialElementHandlers});
doc.output('save');
});
});
</script>
</head>
<body>
<div id="dl">Download Maybe?</div>
<div id="testcase">
<h1>
We support special element handlers. Register them with jQuery-style
</h1>
</div>
</body>
</html>
क्या आपको अपने कंसोल में कोई त्रुटि मिल रही है? अर्थात। - क्या आपके सभी संसाधन सही तरीके से लोड हो रहे हैं? । कारण मैं पूछता हूं क्योंकि, मेरे डेवलपर वातावरण में: "//ajax.googleapis.com" मुझे परेशानी देता है जहां "एच टी टी पी: //ajax.googleapis.com" नहीं है। उस बिंदु पर: क्या आप मुझे अपने विकास ढेर के बारे में और बता सकते हैं - यानी। पेजों को WAMP, MAMP, RoRails, नोड प्रदान किया जा रहा है? सुनिश्चित नहीं है कि इनमें से कोई भी बहुत महत्वपूर्ण है, लेकिन कौन जानता है - मैं यह प्रश्न देखना चाहता हूं कि उत्तर दें। – sdailey
सब कुछ लोड हो रहा है, यह सिर्फ एक साधारण है। एचटीएमएल फ़ाइल, – samuraiseoul
मुझे लगता है कि हमें आपके सभी कोड की आवश्यकता है, या शायद आप इसे कहीं अपलोड कर सकते हैं? क्योंकि जब मैं आपके द्वारा प्रदान किए गए कोड का उपयोग करता हूं तो स्टाइलिंग ठीक काम करता है। – Jarno