如何打印具有自定义页大小的KendoUI Widget(BarCode)？

Question

我有一个非常简单的小web应用程序，它有一些字段，我通过使用KendoUI的条形码生成一个条形码，如下所示：

 @(Html.Kendo().Barcode().Name("myLabel").Value("SomeNumbersUserEntered").Encoding(BarcodeSymbology.Code39).Width(300).Height(100))

我想弄清楚的是，如何将打印页面大小设置为4x6。

我是不是认为this...If打印机只能打印4x6，那么这实际上只需要整页.

Answer 1

在处理打印时，您可以重写CSS，以便像解释的这里那样进行打印。但是，如果您想要覆盖条形码宽度和高度，那么您将不得不指定它们不是通过选项，而是再次使用CSS (其他方式，他们是与更高的前奏)。

在PrintPreview和普通模式下检查下面的示例。

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