Use JS to create online barcode generation tool -toolfk online Programmer website

 This paper to recommend [ToolFk] is a programmers often use the online free test kit, ToolFk feature is focused on everyday programmer development tools, without having to install any software, as long as the content execution affixed by a button, able to obtain the contents of the desired results.ToolFk also supports   BarCode Barcode generated online ,  QueryList collector ,  PHP code is run online ,  PHP confusion, encryption, decryption ,  Python code is run online , JavaScript online operation ,YAML formatting tools , HTTP simulation query tool , HTML online toolbox , JavaScript online Toolbox ,CSS online toolbox , JSON online toolbox , unixtime timestamp conversion , Base64 / the URL of / native2ascii conversion , CSV conversion kit , XML online toolbox , the WebSocket online tools , Markdown online toolbox ,Htaccess2nginx conversion , binary conversion online , online encryption toolkit ,online pseudo-original tools , online APK decompile , online web screenshot tool , online random password generation , online generate two-dimensional code qrcode , online Crontab Expression Builder ,the online short URL Generator , online calculator tool . And more than 20 daily programmer development tools, can be considered a very comprehensive website programmer's toolbox.

Site name: ToolFk
website links: https://www.toolfk.com/
Tools link: https://www.toolfk.com/tool-generator-barcode

 Teaching Code

This procedure [Barcode generation tool Online] JsBarcode JS dependent on the code base, its link to download Github  https://github.com/lindell/JsBarcode  , using the following code

STEP 1

STEP 2

USE JSBARCODE CREATE BARCODES.

$ ( "# Barcode") JsBarcode (. 
    $ ( "# userInput") Val (),. 
    { 
      "the format": $ ( "# the BarCode") Val (),. 
      "background": $ ( "# background-Color ") .val (), 
      " lineColor ": $ (" # Line-Color ") Val (),. 
      " fontSize ": parseInt ($ (" # bar-fontSize "). Val ()), 
      " height ": parseInt (. $ ( "# bar-height") Val ()), 
      "width": $ ( "# bar-width") Val (),. 
      "margin": parseInt ($ ( "# bar-margin") .val ()), 
      "textMargin": parseInt ($ ( "# bar-text-margin") Val ()),. 
      "the DisplayValue":. $ (. "Run the display-text.btn-Primary") Val () == "true",
      "font": $ ( "# font") Val (),. 
      "fontOptions": $ Map (function () {return this.value;}) GET (( "font-option.btn-Primary.").. ) .join ( ""),
      "textAlign": $ ( "text-align.btn-Primary.") Val (),. 
      "Valid": 
        function (Valid) { 
          IF (Valid) { 
            . $ ( "# Barcode") Show (); 
            $ ( "#invalid") hide ();. 
          } 
          the else { 
            $ ( "# Barcode") hide ();. 
            $ ( "# invalid") Show ();. 
          } 
        } 
    });

STEP 3

Click to download the code to generate png images

$ (function () { 
    . $ (. "BTN-downloads") the Click (function () { 
        . var svgXml = $ ( '. SVG-wrap') HTML (); 
        var the dataUrl = 'Data: Image / SVG + XML ; Base64, '+ window.btoa (unescape (the encodeURIComponent (svgXml))); 
        var = document.createElement Canvas (' Canvas'); 
        . canvas.width = $ ( '. SVG SVG-wrap') width (); 
        Canvas = $ .height ( 'SVG SVG-wrap.') height ();. 
        var = Image new new Image (); 
        's image.src = the dataUrl; 
        var context = canvas.getContext ( '2D'); 
        image.onload = function ( ) { 
            context.drawImage (Image, 0, 0); 
            var A = document.createElement ( "A");
            = a.download "toolfk.com -" + Math.random () + "PNG."; 
            a.href canvas.toDataURL = ( "Image / PNG"); 
            a.click (); 
        }; 
    }); 
}) ;

It is worth a try for three reasons:

1. Integrate various programmers often used in development and testing tools.
2. Simple and beautiful atmosphere of the site pages
3. Online support formatting code execution, APK online decompile, online high-strength password generator, two dozen screenshots online web tools service
4. Also recommend its sister network  www.videofk.com  video download Toolbox

This link: http://www.hihubs.com/article/357