tsc.js 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389
  1. /**
  2. * tsc 命令打印工具类
  3. * 2021.04.26 uni-app版本
  4. * @auth boolTrue
  5. */
  6. import encode from "./encoding.js"
  7. var jpPrinter = {
  8. createNew: function() {
  9. var jpPrinter = {};
  10. var data = "";
  11. var command = []
  12. var rawCommand = ''
  13. jpPrinter.name = "标签模式";
  14. jpPrinter.init = function() {};
  15. jpPrinter.addCommand = function(content) { //将指令转成数组装起
  16. var code = new encode.TextEncoder(
  17. 'gb18030', {
  18. NONSTANDARD_allowLegacyEncoding: true
  19. }).encode(content)
  20. for (var i = 0; i < code.length; ++i) {
  21. command.push(code[i])
  22. }
  23. //#ifdef APP-PLUS
  24. // let byteCommand = plus.android.invoke(content, 'getBytes', 'gb18030');
  25. // for (var i = 0; i < byteCommand.length; ++i) {
  26. // command.push(byteCommand[i])
  27. // }
  28. //#endif
  29. //console.log('command--:',command)
  30. rawCommand += content
  31. }
  32. function intToByte(i) {
  33. // 此处关键 -- android是java平台 byte数值范围是 [-128, 127]
  34. // 因为java平台的byte类型是有符号的 最高位表示符号,所以数值范围固定
  35. // 而图片计算出来的是数值是 0 -255 属于int类型
  36. // 所以把int 转换成byte类型
  37. //#ifdef APP-PLUS
  38. var b = i & 0xFF;
  39. var c = 0;
  40. if (b >= 128) {
  41. c = b % 128;
  42. c = -1 * (128 - c);
  43. } else {
  44. c = b;
  45. }
  46. return c
  47. //#endif
  48. // 而微信小程序不需要,因为小程序api接收的是 无符号8位
  49. //#ifdef MP-WEIXIN
  50. return i
  51. //#endif
  52. }
  53. jpPrinter.setSize = function(pageWidght, pageHeight) { //设置页面大小
  54. data = "SIZE " + pageWidght.toString() + " mm" + "," + pageHeight.toString() + " mm" + "\r\n";
  55. jpPrinter.addCommand(data)
  56. };
  57. jpPrinter.setSpeed = function(printSpeed) { //设置打印机速度
  58. data = "SPEED " + printSpeed.toString() + "\r\n";
  59. jpPrinter.addCommand(data)
  60. };
  61. jpPrinter.setDensity = function(printDensity) { //设置打印机浓度
  62. data = "DENSITY " + printDensity.toString() + "\r\n";
  63. jpPrinter.addCommand(data)
  64. };
  65. jpPrinter.setGap = function(printGap) { //传感器
  66. data = "GAP " + printGap.toString() + " mm\r\n";
  67. jpPrinter.addCommand(data)
  68. };
  69. jpPrinter.setCountry = function(country) { //选择国际字符集
  70. /*
  71. 001:USA
  72. 002:French
  73. 003:Latin America
  74. 034:Spanish
  75. 039:Italian
  76. 044:United Kingdom
  77. 046:Swedish
  78. 047:Norwegian
  79. 049:German
  80. */
  81. data = "COUNTRY " + country + "\r\n";
  82. jpPrinter.addCommand(data)
  83. };
  84. jpPrinter.setCodepage = function(codepage) { //选择国际代码页
  85. /*
  86. 8-bit codepage 字符集代表
  87. 437:United States
  88. 850:Multilingual
  89. 852:Slavic
  90. 860:Portuguese
  91. 863:Canadian/French
  92. 865:Nordic
  93. Windows code page
  94. 1250:Central Europe
  95. 1252:Latin I
  96. 1253:Greek
  97. 1254:Turkish
  98. 以下代码页仅限于 12×24 dot 英数字体
  99. WestEurope:WestEurope
  100. Greek:Greek
  101. Hebrew:Hebrew
  102. EastEurope:EastEurope
  103. Iran:Iran
  104. IranII:IranII
  105. Latvian:Latvian
  106. Arabic:Arabic
  107. Vietnam:Vietnam
  108. Uygur:Uygur
  109. Thai:Thai
  110. 1252:Latin I
  111. 1257:WPC1257
  112. 1251:WPC1251
  113. 866:Cyrillic
  114. 858:PC858
  115. 747:PC747
  116. 864:PC864
  117. 1001:PC100
  118. */
  119. data = "CODEPAGE " + codepage + "\r\n";
  120. jpPrinter.addCommand(data)
  121. }
  122. jpPrinter.setCls = function() { //清除打印机缓存
  123. data = "CLS" + "\r\n";
  124. jpPrinter.addCommand(data)
  125. };
  126. jpPrinter.setFeed = function(feed) { //将纸向前推出n
  127. data = "FEED " + feed + "\r\n";
  128. jpPrinter.addCommand(data)
  129. };
  130. jpPrinter.setBackFeed = function(backup) { //将纸向后回拉n
  131. data = "BACKFEED " + backup + "\r\n";
  132. jpPrinter.addCommand(data)
  133. }
  134. jpPrinter.setDirection = function(direction) { //设置打印方向,参考编程手册
  135. data = "DIRECTION " + direction + "\r\n";
  136. jpPrinter.addCommand(data)
  137. };
  138. jpPrinter.setReference = function(x, y) { //设置坐标原点,与打印方向有关
  139. data = "REFERENCE " + x + "," + y + "\r\n";
  140. jpPrinter.addCommand(data)
  141. };
  142. jpPrinter.setFromfeed = function() { //根据Size进一张标签纸
  143. data = "FORMFEED \r\n";
  144. jpPrinter.addCommand(data)
  145. };
  146. jpPrinter.setHome = function() { //根据Size找到下一张标签纸的位置
  147. data = "HOME \r\n";
  148. jpPrinter.addCommand(data)
  149. };
  150. jpPrinter.setSound = function(level, interval) { //控制蜂鸣器
  151. data = "SOUND " + level + "," + interval + "\r\n";
  152. jpPrinter.addCommand(data)
  153. };
  154. jpPrinter.setLimitfeed = function(limit) { // 检测垂直间距
  155. data = "LIMITFEED " + limit + "\r\n";
  156. jpPrinter.addCommand(data)
  157. };
  158. jpPrinter.setBar = function(x, y, width, height) { //绘制线条
  159. data = "BAR " + x + "," + y + "," + width + "," + height + "\r\n"
  160. jpPrinter.addCommand(data)
  161. };
  162. jpPrinter.setBox = function(x_start, y_start, x_end, y_end, thickness) { //绘制方框
  163. data = "BOX " + x_start + "," + y_start + "," + x_end + "," + y_end + "," + thickness + "\r\n";
  164. jpPrinter.addCommand(data)
  165. };
  166. jpPrinter.setErase = function(x_start, y_start, x_width, y_height) { //清除指定区域的数据
  167. data = "ERASE " + x_start + "," + y_start + "," + x_width + "," + y_height + "\r\n";
  168. jpPrinter.addCommand(data)
  169. };
  170. jpPrinter.setReverse = function(x_start, y_start, x_width, y_height) { //将指定的区域反相打印
  171. data = "REVERSE " + x_start + "," + y_start + "," + x_width + "," + y_height + "\r\n";
  172. jpPrinter.addCommand(data)
  173. };
  174. jpPrinter.setText = function(x, y, font, x_, y_, str) { //打印文字
  175. data = "TEXT " + x + "," + y + ",\"" + font + "\"," + 0 + "," + x_ + "," + y_ + "," + "\"" +
  176. str + "\"\r\n"
  177. jpPrinter.addCommand(data)
  178. };
  179. jpPrinter.setQR = function(x, y, level, width, mode, content) { //打印二维码
  180. data = "QRCODE " + x + "," + y + "," + level + "," + width + "," + mode + "," + 0 + ",\"" +
  181. content + "\"\r\n"
  182. jpPrinter.addCommand(data)
  183. };
  184. jpPrinter.setBar = function(x, y, codetype, height, readable, narrow, wide, content) { //打印条形码
  185. data = "BARCODE " + x + "," + y + ",\"" + codetype + "\"," + height + "," + readable + "," + 0 +
  186. "," + narrow + "," + wide + ",\"" + content + "\"\r\n"
  187. jpPrinter.addCommand(data)
  188. };
  189. // 固定灰度阈值(128以上的都看作白色)
  190. jpPrinter.setBitmap = function(x, y, mode, res) { //添加图片,res为画布参数
  191. var width = parseInt((res.width) / 8 * 8 / 8)
  192. var height = res.height
  193. var imgWidth = res.width
  194. var time = 1;
  195. var temp = res.data.length - width * 32;
  196. var pointList = []
  197. var resultData = []
  198. console.log(width + "--" + height)
  199. data = "BITMAP " + x + "," + y + "," + width + "," + height + "," + mode + ","
  200. jpPrinter.addCommand(data)
  201. //console.log(res.data)
  202. console.log('---以上是原始数据---')
  203. //for循环顺序不要错了,外层遍历高度,内层遍历宽度,因为横向每8个像素点组成一个字节
  204. for (var y = 0; y < height; y++) {
  205. for (var x = 0; x < imgWidth; x++) {
  206. let r = res.data[(y * imgWidth + x) * 4];
  207. let g = res.data[(y * imgWidth + x) * 4 + 1];
  208. let b = res.data[(y * imgWidth + x) * 4 + 2];
  209. let a = res.data[(y * imgWidth + x) * 4 + 3]
  210. //console.log(`当前${y}行${x}列像素,rgba值:(${r},${g},${b},${a})`)
  211. // 像素灰度值
  212. let grayColor = r * 0.299 + g * 0.587 + b * 0.114
  213. //灰度值大于128位
  214. //1不打印, 0打印 (参考:佳博标签打印机编程手册tspl)
  215. if (grayColor > 128) {
  216. pointList.push(1)
  217. } else {
  218. pointList.push(0)
  219. }
  220. }
  221. }
  222. //console.log(pointList)
  223. for (var i = 0; i < pointList.length; i += 8) {
  224. var p = pointList[i] * 128 + pointList[i + 1] * 64 + pointList[i + 2] * 32 + pointList[i +
  225. 3] * 16 + pointList[i + 4] * 8 + pointList[i + 5] * 4 + pointList[i + 6] * 2 +
  226. pointList[i + 7]
  227. resultData.push(p)
  228. }
  229. console.log('最终数据:')
  230. //console.log(resultData)
  231. for (var i = 0; i < resultData.length; ++i) {
  232. command.push(intToByte(resultData[i]))
  233. }
  234. }
  235. jpPrinter.setBitmap2 = function(x, y, mode, res) { //添加图片,res为画布参数
  236. var w = res.width
  237. var width = parseInt((res.width + 7) / 8 * 8 / 8)
  238. var height = res.height;
  239. console.log(width + "--" + height)
  240. data = "BITMAP " + x + "," + y + "," + width + "," + height + "," + mode + ","
  241. jpPrinter.addCommand(data)
  242. var r = []
  243. var bits = new Uint8Array(height * width);
  244. for (y = 0; y < height; y++) {
  245. for (x = 0; x < w; x++) {
  246. let r = res.data[(y * w + x) * 4];
  247. let g = res.data[(y * w + x) * 4 + 1];
  248. let b = res.data[(y * w + x) * 4 + 2];
  249. let a = res.data[(y * w + x) * 4 + 3]
  250. var color = ((a & 0xFF) << 24) | ((r & 0xFF) << 16) | ((g & 0xFF) << 8) | ((b & 0xFF) <<
  251. 0);
  252. if ((color & 0xFF) > 128) {
  253. bits[parseInt(y * width + x / 8)] |= (0x80 >> (x % 8));
  254. }
  255. }
  256. }
  257. for (var i = 0; i < bits.length; i++) {
  258. //command.push((~bits[i]) & 0xFF);
  259. command.push(intToByte(bits[i]));
  260. //r.push((~bits[i]) & 0xFF);
  261. }
  262. }
  263. // 平均灰度阈值(先计算平均灰度,然后大于平均灰度的都算作白色)
  264. jpPrinter.setBitmap3 = function(x, y, mode, res) { //添加图片,res为画布参数
  265. var width = parseInt((res.width) / 8 * 8 / 8)
  266. var height = res.height
  267. var imgWidth = res.width
  268. var time = 1;
  269. var temp = res.data.length - width * 32;
  270. var pointList = []
  271. var resultData = []
  272. console.log(width + "--" + height)
  273. data = "BITMAP " + x + "," + y + "," + width + "," + height + "," + mode + ","
  274. jpPrinter.addCommand(data)
  275. //console.log(res.data)
  276. console.log('---以上是原始数据---')
  277. let sumRed = 0,
  278. sumGreen = 0,
  279. sumBlue = 0;
  280. let total = height * imgWidth;
  281. let pix = res.data;
  282. for (var i = 0; i < pix.length; i += 4) {
  283. sumRed += pix[i]
  284. sumGreen += pix[i + 1]
  285. sumBlue += pix[i + 2]
  286. }
  287. let avgRed = parseInt(sumRed / total);
  288. let avgGreen = parseInt(sumGreen / total);
  289. let avgBlue = parseInt(sumBlue / total);
  290. let avgGrayColor = avgRed * 0.299 + avgGreen * 0.587 + avgBlue * 0.114
  291. //for循环顺序不要错了,外层遍历高度,内层遍历宽度,因为横向每8个像素点组成一个字节
  292. for (var y = 0; y < height; y++) {
  293. for (var x = 0; x < imgWidth; x++) {
  294. let r = res.data[(y * imgWidth + x) * 4];
  295. let g = res.data[(y * imgWidth + x) * 4 + 1];
  296. let b = res.data[(y * imgWidth + x) * 4 + 2];
  297. let a = res.data[(y * imgWidth + x) * 4 + 3]
  298. // 像素灰度值
  299. let grayColor = r * 0.299 + g * 0.587 + b * 0.114
  300. //灰度值大于128位
  301. //1不打印, 0打印 (参考:佳博标签打印机编程手册tspl)
  302. if (grayColor > avgGrayColor) {
  303. pointList.push(1)
  304. } else {
  305. pointList.push(0)
  306. }
  307. }
  308. }
  309. //console.log(pointList)
  310. for (var i = 0; i < pointList.length; i += 8) {
  311. var p = pointList[i] * 128 + pointList[i + 1] * 64 + pointList[i + 2] * 32 + pointList[i +
  312. 3] * 16 + pointList[i + 4] * 8 + pointList[i + 5] * 4 + pointList[i + 6] * 2 +
  313. pointList[i + 7]
  314. resultData.push(p)
  315. }
  316. console.log('最终数据:')
  317. //console.log(resultData)
  318. for (var i = 0; i < resultData.length; ++i) {
  319. command.push(intToByte(resultData[i]))
  320. }
  321. }
  322. jpPrinter.RawCommand = function(data) {
  323. jpPrinter.addCommand(data)
  324. }
  325. jpPrinter.setPagePrint = function(m,n) { //打印页面
  326. data = "PRINT "+m+","+n+"\r\n"
  327. jpPrinter.addCommand(data)
  328. };
  329. //获取打印数据
  330. jpPrinter.getData = function() {
  331. return command;
  332. };
  333. jpPrinter.getRawData = function() {
  334. return rawCommand;
  335. };
  336. jpPrinter.clearCommand = function() {
  337. rawCommand = ''
  338. };
  339. return jpPrinter;
  340. }
  341. };
  342. export default{
  343. jpPrinter,
  344. type: 'tsc'
  345. }