jsPDF nie może pracować z żadną stylizacją

Question

Dec 08, 2013, 11:31 PM

jsPDF nie może pracować z żadną stylizacją

Jestem nowicjuszem w korzystaniu z jsPDF, ale przez całe życie nie mogę uzyskać css, aby zastosować się do tej rzeczy! Bezskutecznie próbowałem inline, internal i external all! Czytałem w innym poście SO, że ponieważ technicznie drukuje rzeczy do pliku, potrzebuję arkusza stylów wydruku, który również nie działa.

Mam bardzo podstawową stronę, na której staram się pracować z dowolnym CSS: JS:

<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>

I wreszcie arkusz stylów, który jest zewnętrzny:

h1{
    color: red;
}
div{
    color: red;
}

Jestem pewien, że wszystko jest włączone poprawnie i że nie ma błędów, już to wszystko sprawdziłem. Czy jest jakaś dodatkowa funkcja, którą muszę wywołać, aby css również zadziałał? Daj mi znać, proszę! Wielkie dzięki! Wszelkie inne wskazówki, które możesz mieć, są również mile widziane!

EDYCJA: To jest dokładna strona internetowa:

<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>