Javascript 如何打印具有自定义页面大小的KendoUI小部件(条形码)?

Javascript 如何打印具有自定义页面大小的KendoUI小部件(条形码)?,javascript,.net,asp.net-mvc,kendo-ui,kendo-asp.net-mvc,Javascript,.net,Asp.net Mvc,Kendo Ui,Kendo Asp.net Mvc,我有一个非常简单的小web应用程序,其中有一些字段,我使用KendoUI的条形码生成条形码,如下所示: @(Html.Kendo().Barcode().Name("myLabel").Value("SomeNumbersUserEntered").Encoding(BarcodeSymbology.Code39).Width(300).Height(100)) 我想弄清楚的是如何将打印页面大小设置为4x6 我是否考虑过这一点……如果打印机只能打印4x6,那么这实际上只需要整页……在处理打印

我有一个非常简单的小web应用程序,其中有一些字段,我使用KendoUI的条形码生成条形码,如下所示:

 @(Html.Kendo().Barcode().Name("myLabel").Value("SomeNumbersUserEntered").Encoding(BarcodeSymbology.Code39).Width(300).Height(100))
我想弄清楚的是如何将打印页面大小设置为4x6


我是否考虑过这一点……如果打印机只能打印4x6,那么这实际上只需要整页……

在处理打印时,您可以覆盖CSS,专门用于打印,如前所述。但是,如果您想覆盖条形码的宽度和高度,那么您将不得不使用CSS,而不是通过选项来指定它们,而不是使用heigher Precentence

在PrintPreview和Normal模式下检查以下示例

<span id="manchego"></span>

<script>
    $(document).ready(function () {
        $("#manchego").kendoBarcode({
            value: "2346722",
            type: "ean8"            
        });

    });
</script>
<style scoped>

   #manchego canvas{
       width: 500px;
       height: 500px;
   }

    @media print{
        #manchego canvas{
            width: 500px;
            height: 500px;
         }  
    }           
</style>