2

D3 javascript を変更してコード 39 バーコードをエンコードしようとしています。

問題は、コード 39 バーコードがどのようにエンコードされているのか理解できないことです。文字のエンコードに 12 ビット バイナリを使用しているようです。

できればD3.jsを使用して、「598649」のような文字列を12ビットのバイナリ同等物にデコードするにはどうすればよいですか?

characters = {
'100100100101': '$',
'100100101001': '/',
'100101001001': '+',
'100101011011': '-',
'100101101011': 'X',
'100101101101': '*',
'100110101011': 'V',
'100110101101': ' ',
'100110110101': 'Z',
'101001001001': '%',
'101001011011': '7',
'101001101011': '4',
'101001101101': '0',
'101010011011': 'G',
'101010110011': 'Q',
'101011001011': 'D',
'101011001101': 'J',
'101011010011': 'N',
'101011011001': 'T',
'101100101011': '2',
'101100101101': '9',
'101100110101': '6',
'101101001011': 'B',
'101101001101': 'I',
'101101010011': 'L',
'101101011001': 'S',
'101101100101': 'F',
'101101101001': 'P',
'110010101011': 'U',
'110010101101': '0',
'110010110101': 'Y',
'110011010101': 'W',
'110100101011': '1',
'110100101101': '8',
'110100110101': '5',
'110101001011': 'A',
'110101001101': 'H',
'110101010011': 'K',
'110101011001': 'R',
'110101100101': 'E',
'110101101001': 'O',
'110110010101': '3',
'110110100101': 'C',
'110110101001': 'M',
}

ここに私がこれまでに取り組んできたいくつかのコードがあります。前のコードは、ランダムなバイナリを生成し、キーと値を照合していました。逆のことをしたいので、キー/値を逆にした2番目の配列を作成するだけでよいかどうかわかりません。

    //var num= prompt("Enter num")
    //console.log(parseInt(num, 10).toString(2))

    //var decnum=892938
    //alert(decnum.toString(2))

    // var b = parseInt( a, 2 )




    // var str = '34566'
    // var found = str.match(/[01]{12}/g).map(['110100101101','101100101101', '101100101011', '101100101101', '110110010101', '110100101101'])

    //str.match(/[01]{12}/g).map(characters)
    //console.log(characters[v])
    //console.log(found)


    var str = ['110100101101','101100101101', '101100101011', '101100101101', '110110010101', '110100101101']
    //var barcode_array = str.match(/[01]{12}/g).map(Object.keys(characters))

    //console.log(barcode_array)

    //split into array
    var barcode_input = ['110100101101','101100101101', '101100101011', '101100101101', '110110010101', '110100101101']

    //map to binary characters
    //console.log(barcode_input.range(Object.keys(characters)))

これがフィドルです https://jsfiddle.net/6szmwkgm/6/

コードは Christopher Manning から変更されていますhttp://bl.ocks.org/christophermanning/4324236 参照用に、別のコード 39 スクリプトを示しますhttp://notionovus.com/blog/code-39-barcode-biscuits/

4

1 に答える 1

1

characters構築中のエンコーディングは、オブジェクトを単純なルックアップ テーブルとして使用することで実行できます。各文字を取得してその線のパターンを調べ、これらの配列を作成してから処理します。

あなたが作業しているコードは、必要と思われるよりも多くの作業を行っています。私はそれを出発点として使用し、それを最小限に切り詰めました.

これをテストするのに便利なスキャナーを持っていなかったことに注意してください。問題が発生した場合はお知らせください。

コメント付きのコード スニペットを次に示します。

<!DOCTYPE html>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
  <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>

  <style type="text/css">
    body {
      display: block;
      margin: 0;
      background-color: #FFF;
    }
    
    text {
      font-family: monospace;
      font-size: 1.5em;
      text-anchor: middle;
    }
    
    path {
      fill-opacity: 0;
    }
  </style>
</head>

<body>
  <script type="text/javascript">

		var svg = d3.select("body")
		  .append("svg")
		  .attr("width", 300)
		  .attr("height", 300);

        // input barcode
		var barcode = "598649";

        // some configuration items
		var config = {
		  "height": 100,
		  "x": 10,
		  "margin": 20
		};
    
        // map each character to it's pattern
        // note I reversed it from the sample
        // to make lookups on each letter easier
		var characters = {
		  "0": "110010101101",
		  " ": "100110101101",
		  "1": "110100101011",
		  "2": "101100101011",
		  "3": "110110010101",
		  "4": "101001101011",
		  "5": "110100110101",
		  "6": "101100110101",
		  "7": "101001011011",
		  "8": "110100101101",
		  "9": "101100101101",
		  "$": "100100100101",
		  "%": "101001001001",
		  "*": "100101101101",
		  "+": "100101001001",
		  "-": "100101011011",
		  "/": "100100101001",
		  "A": "110101001011",
		  "B": "101101001011",
		  "C": "110110100101",
		  "D": "101011001011",
		  "E": "110101100101",
		  "F": "101101100101",
		  "G": "101010011011",
		  "H": "110101001101",
		  "I": "101101001101",
		  "J": "101011001101",
		  "K": "110101010011",
		  "L": "101101010011",
		  "M": "110110101001",
		  "N": "101011010011",
		  "O": "110101101001",
		  "P": "101101101001",
		  "Q": "101010110011",
		  "R": "110101011001",
		  "S": "101101011001",
		  "T": "101011011001",
		  "U": "110010101011",
		  "V": "100110101011",
		  "W": "110011010101",
		  "X": "100101101011",
		  "Y": "110010110101",
		  "Z": "100110110101"
		};

        // build you data array
		var data = [];
		// Code 39 barcodes start with a *
		data.push('100101101101');
		barcode.split("").forEach(function(d, i) {
          // for each character, append the patter to our array
		  data.push(characters[d]); //<-- look up for each character
		});
		// Code 39 barcodes end with a *
		data.push('100101101101');
		
        // set up line function
		var line = d3.svg.line()
		  .x(function(d) {
			return d.cx = d.x
		  })
		  .y(function(d) {
			return d.cy = d.y
		  })
		  
        // group all the barcode paths
		var g = svg.append('g')
		  .attr('class', 'barcode');

        // set up the data attributes necessary
		var path = g.selectAll('path')
		  .data(data.map(function(c) {
			  return c + '0' // put a space between each character
			}).join('').split('')
			.map(function(d, i) {
			  return [{
				c: d,
				x: config['margin']+ (i * 1.2),
				y: config['margin']
			  }, {
				c: d,
				x: config['margin'] + (i * 1.2),
				y: config['margin'] + config['height']
			  }]
			})
		  );

        
		path.enter()
		  .append('path');

        // draw the barcode
		path
		  .style("stroke", function(d) {
			return d[0].c == '1' ? '#000' : '#FFF'
		  })
		  .style("stroke-width", 1.2)
		  .attr("d", line);

		path.exit().remove();
		
        // add the text underneath
		var text = svg.selectAll('text')
		  .data([barcode])
		
		text.exit().remove();
		
		text.enter()
		  .append('text');
		
		text
		  .text(barcode)
		  .style('fill', 'black')
		  .attr('y', config.margin + config.height + 15)
      .attr('x', g.node().getBBox().width/2 + config.margin);

  </script>
</body>

</html>

于 2016-01-27T01:03:02.407 に答える