initTest.html 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. <!DOCTYPE HTML>
  2. <html lang="en-US">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Test minified version</title>
  6. <script src="help/jquery-2.2.3.js"></script>
  7. <script src="../../dist/JsBarcode.all.js"></script>
  8. <style>
  9. @font-face {
  10. font-family: "OCRB";
  11. src: url("help/OCRB.otf");
  12. }
  13. body{
  14. font-family: "OCRB";
  15. }
  16. </style>
  17. <script>
  18. window.onload = function(){
  19. JsBarcode(".barcode").init();
  20. $(".jqbarcode").JsBarcode().init();
  21. JsBarcode("#barcode1").init();
  22. $("#barcode2").JsBarcode().init();
  23. JsBarcode("#barcode3").init();
  24. }
  25. </script>
  26. </head>
  27. <body>
  28. <svg class="barcode"
  29. jsbarcode-value="123456789010"
  30. jsbarcode-format="ean13"
  31. jsbarcode-textMargin="0"
  32. jsbarcode-lineColor="#e00">
  33. </svg>
  34. <img class="barcode" data-value="Test"/>
  35. <canvas class="barcode"
  36. data-value="HI"
  37. data-format="CODE39"
  38. data-background="#bff">
  39. </canvas>
  40. <br />
  41. <svg class="jqbarcode"
  42. jsbarcode-value="123456789010"
  43. jsbarcode-format="ean13"
  44. jsbarcode-textMargin="0"
  45. jsbarcode-lineColor="#e00">
  46. </svg>
  47. <img class="jqbarcode" data-value="Test"/>
  48. <canvas class="jqbarcode"
  49. data-value="HI"
  50. data-format="CODE39"
  51. data-background="#bff">
  52. </canvas>
  53. <br />
  54. <svg id="barcode1"
  55. jsbarcode-value="123456789010"
  56. jsbarcode-format="ean13"
  57. jsbarcode-textMargin="0"
  58. jsbarcode-lineColor="#e00">
  59. </svg>
  60. <img id="barcode2" data-value="Test"/>
  61. <canvas id="barcode3"
  62. data-value="HI"
  63. data-format="CODE39"
  64. data-background="#bff">
  65. </canvas>
  66. </body>
  67. </html>