JS前端调用TSC打印二维码、条码

公司让用js调用TSC打印二维码,本人已调试成功,希望大家有所帮助!

ActiveX下载地址:ActiveX下载地址!

实现代码:JS前端调用TSC打印二维码实现代码

<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>打印二维码</title>
</HEAD>
<BODY>
<input name="Button1" type="button" value="打印试试!" οnclick="print();" style="width: 301px;height:50px;"/>
<script type='text/javascript' language='javascript'>
function print(){
    var TSCObj;
    TSCObj = new ActiveXObject("TSCActiveX.TSCLIB");//引入插件
    //TSCObj.ActiveXabout();//打印机信息  
    TSCObj.ActiveXopenport ("Gprinter GP-3120TU");//打印机端口
    //TSCObj.ActiveXsetup("标签宽度","标签高度","打印速度","打印浓度(0-15)","感应器类别字串型,0 表示使用垂直間距感測器(gap sensor), 1 表示使用黑標感測器(black mark senso)","Gap/Black mark垂直间距(mm)","Gap/Black mark偏移距离(mm)");
    TSCObj.ActiveXsetup ("40","20","5","8","0","2","0");//设置初始参数
    //TSCObj.ActiveXformfeed(); // 多出一张纸
    //TSCObj.ActiveXnobackfeed(); // 去掉打印机回送,加快速度
    TSCObj.ActiveXclearbuffer();
    /*ActiveXwindowsfont 可以输出汉字,但是必须是系统中存在的字体。 
      ActiveXwindowsfont(a,b,c,d,e,f,g,h)  
        说明:使用Windows TTF字体打印文字。  
        参数:  
        a:整数类型,文字X方向起始点,以点表示。  
        b:整数类型,文字Y方向起始点,以点表示。  
        c:整数类型,字体高度,以点表示。  
        d:整数类型,旋转角度,逆时针方向旋转。0-旋转0°,90-旋转90°,180-旋转180°,270-旋转270°。  
        e:整数类型,字体外形。0:标签;1:斜体;2:粗体;3:粗斜体。  
        f:整数类型,下划线,0:无下划线;1:加下划线。  
        g:字符串类型,字体名称。如:Arial,Times new Roman。  
        h:字符串类型,打印文字内容.
    */ 
    TSCObj.ActiveXwindowsfont (20, 25, 15, 0, 0, 0, "arial", "测试");//打印文本
    TSCObj.ActiveXwindowsfont (20, 60, 25, 0, 0, 0, "arial", "一年级(01)班");
    TSCObj.ActiveXwindowsfont (20, 90, 25, 0, 0, 0, "arial", "张三");
    //var cmd = 'QRCODE 条码X方向起始点,条码Y方向起始点,纠错级别,二维码高度,A(A和M),旋转角度,M2(分为类型1和类型2),S1 (s1-s8,默认s7),\"你好\"';  
    var command = "QRCODE 175,12,Q,2,A,0,M1,S7,\"\u7f16\u7801\"";  
    TSCObj.ActiveXsendcommand (command);
    TSCObj.ActiveXprintlabel ("1","1");
    TSCObj.ActiveXcloseport();//关闭端口
}
</script>
</BODY>
</HTML>

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
### 回答1: UniApp是一种跨平台的前端开发框架,允许开发者使用HTML、CSS和JavaScript来构建应用程序。而"tsc"指令是TypeScript编译器的命令,用于将TypeScript代码编译为JavaScript代码。在UniApp中,我们通常使用Vue来构建应用程序,而不是直接使用TypeScript。 要在UniApp中打印二维码,我们可以使用第三方插件或组件来实现。UniApp提供了一些可以在不同平台上生成二维码的插件或组件,例如uni-qr-code。 首先,我们需要在UniApp的项目中安装并导入uni-qr-code插件或组件。可以在插件市场或开发社区中找到该插件的相关文档和使用示例。 安装并导入插件或组件后,我们可以在Vue文件中使用插件或组件的API来生成二维码。通常,我们需要提供要转换为二维码的数据,例如链接或文本。插件或组件会根据提供的数据生成相应的二维码图片。 我们还可以通过设置插件或组件的属性来自定义二维码的外观和功能,例如颜色、大小、错误纠正级别等。可以根据具体需求调整这些属性。 最后,我们可以在Vue文件中使用<img>标签来显示生成的二维码图片。将插件或组件生成的二维码图片的路径赋值给<img>标签的src属性即可。 总之,要在UniApp中打印二维码,我们需要安装并导入一个适用的插件或组件,通过设置属性和数据生成二维码图片,然后将生成的图片显示在页面中。 ### 回答2: Uniapp是一款跨平台应用开发框架,可以使用Vue.js开发移动应用程序。TSC是TypeScript Compiler的缩写,用于将TypeScript代码编译为可执行的JavaScript代码。 如果在Uniapp中使用TSC指令无法打印二维码,可能是由于以下几个原因导致的。 首先,确保TSC工具已正确安装并配置。可以尝试在命令行中运行tsc命令,查看是否能够成功执行。如果无法执行,则需要重新安装并配置TSC。 其次,检查项目中是否正确引入了二维码打印所需的依赖库。Uniapp可以使用多种插件来实现二维码打印功能,如qrcode.js等。需要使用npm或yarn等包管理工具安装相关依赖,并在代码中正确引入。确保依赖库已正确安装和引入。 另外,还需要确认是否使用了正确的API和参数来生成并打印二维码。根据具体需求,可能需要传递二维码的数据、尺寸、背景色、前景色等参数。需要查看具体的文档和示例,确保使用了正确的API和参数。 最后,如果以上步骤都没有解决问题,可能是Uniapp本身的兼容性或Bug导致。可以尝试更新Uniapp版本或咨询Uniapp的官方支持,获取更多帮助和解决方案。 综上所述,解决Uniapp中使用TSC指令打印二维码不能用的问题,需要确保TSC工具正确安装和配置、引入了正确的依赖库、使用正确的API和参数,并排除Uniapp本身的兼容性或Bug等因素。 ### 回答3: 使用Uniapp开发框架时,如果尝试使用tsc指令打印二维码,可能会出现无法正常打印的问题。这是因为tsc指令主要是用于TypeScript代码编译的工具,而不是用于打印二维码的功能。 如果我们想在Uniapp中实现打印二维码的功能,可以使用其他适用的方法。一种常见的方法是通过引入第三方的二维码生成库来实现。Uniapp中有很多可用的二维码生成库,如qrcode.js或zxing.js等。我们可以在项目中引入这些库,并根据需求的不同,使用库中提供的函数来生成和展示二维码。 具体实现的步骤如下: 1. 首先,在项目中引入所需的二维码生成库,可以通过npm安装或者直接下载相应的库文件。 2. 在需要生成二维码的页面中,引入库文件并通过调用相应的函数生成二维码图片。 3. 根据需求,将生成的二维码图片展示在页面中的合适的位置,可以是一个img标签或者使用Canvas等方式。 通过上述方法,我们可以在Uniapp中轻松实现生成和展示二维码的功能,而不必使用tsc指令来尝试打印二维码。需要注意的是,根据使用的二维码生成库的不同,具体的实现方式可能会有所差异,建议查阅对应库的文档或示例代码以获得更详细的实现信息。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值