sartography
/
uva-covid19-testing-frontend
mirror of https://github.com/sartography/uva-covid19-testing-frontend.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

WIP: Generates SVG file of barcode. Adds SVG previews of each label layout.

This commit is contained in:
Aaron Louie 2020-11-14 22:52:14 -05:00
parent 57c8f9c14d
commit 474852db3c
9 changed files with 1423 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/app/barcode-data-matrix/barcode-data-matrix.component.ts
View File

@ -1,6 +1,7 @@
import {AfterViewInit, Component, Input, OnInit} from '@angular/core';
import bwipjs from 'bwip-js';
import {AppDefaults} from '../models/appDefaults.interface';
import DrawingSVG from './draw-svg.js';
@Component({
selector: 'app-barcode-data-matrix',
@ -21,7 +22,7 @@ export class BarcodeDataMatrixComponent implements OnInit {
renderBarcode(): void {
if (!!(bwipjs && bwipjs.toCanvas && this.settings && this.format)) {
bwipjs.toCanvas('barcodeCanvas', {
const opts = {
bcid: this.format,
text: this.value,
scale: 1,
@ -31,7 +32,9 @@ export class BarcodeDataMatrixComponent implements OnInit {
// textalign: 'center',
// version: '12x64',
// padding: this.settings.labelLayout.marginSize,
});
};
const barcodeSVG = bwipjs.render(opts, DrawingSVG(opts), bwipjs.FontLib);
// bwipjs.toCanvas('barcodeCanvas', );
}
}
}

270
src/app/barcode-data-matrix/draw-svg.js Normal file
View File

@ -0,0 +1,270 @@
// bwip-js/examples/drawing-svg.js
//
// This is an advanced demonstation of using the drawing interface.
//
// It converts the drawing primitives into the equivalent SVG. Linear barcodes
// are rendered as a series of stroked paths. 2D barcodes are rendered as a
// series of filled paths.
//
// Rotation is handled during drawing. The resulting SVG will contain the
// already-rotated barcode without an SVG transform.
//
// If the requested barcode image contains text, the glyph paths are
// extracted from the font file (via the builtin FontLib and stb_truetype.js)
// and added as filled SVG paths.
//
// This code can run in the browser and in nodejs.
(function (root, factory) {
if (typeof define === 'function' && define.amd) {
define([], factory);
} else if (typeof module === 'object' && module.exports) {
module.exports = factory();
} else {
root.DrawingSVG = factory();
}
}(typeof self !== 'undefined' ? self : this, function () {
"use strict";
function DrawingSVG(opts, FontLib) {
// Unrolled x,y rotate/translate matrix
var tx0 = 0, tx1 = 0, tx2 = 0, tx3 = 0;
var ty0 = 0, ty1 = 0, ty2 = 0, ty3 = 0;
var svg = '';
var path;
var lines = {};
// Magic number to approximate an ellipse/circle using 4 cubic beziers.
var ELLIPSE_MAGIC = 0.55228475 - 0.00045;
// Global graphics state
var gs_width, gs_height; // image size, in pixels
var gs_dx, gs_dy; // x,y translate (padding)
return {
// Make no adjustments
scale(sx, sy) {
},
// Measure text. This and scale() are the only drawing primitives that
// are called before init().
//
// `font` is the font name typically OCR-A or OCR-B.
// `fwidth` and `fheight` are the requested font cell size. They will
// usually be the same, except when the scaling is not symetric.
measure(str, font, fwidth, fheight) {
fwidth = fwidth|0;
fheight = fheight|0;
var fontid = FontLib.lookup(font);
var width = 0;
var ascent = 0;
var descent = 0;
for (var i = 0; i < str.length; i++) {
var ch = str.charCodeAt(i);
var glyph = FontLib.getpaths(fontid, ch, fwidth, fheight);
if (!glyph) {
continue;
}
ascent = Math.max(ascent, glyph.ascent);
descent = Math.max(descent, -glyph.descent);
width += glyph.advance;
}
return { width, ascent, descent };
},
// width and height represent the maximum bounding box the graphics will occupy.
// The dimensions are for an unrotated rendering. Adjust as necessary.
init(width, height) {
// Add in the effects of padding. These are always set before the
// drawing constructor is called.
var padl = opts.paddingleft;
var padr = opts.paddingright;
var padt = opts.paddingtop;
var padb = opts.paddingbottom;
var rot = opts.rotate || 'N';
width += padl + padr;
height += padt + padb;
// Transform indexes are: x, y, w, h
switch (rot) {
// tx = w-y, ty = x
case 'R': tx1 = -1; tx2 = 1; ty0 = 1; break;
// tx = w-x, ty = h-y
case 'I': tx0 = -1; tx2 = 1; ty1 = -1; ty3 = 1; break;
// tx = y, ty = h-x
case 'L': tx1 = 1; ty0 = -1; ty3 = 1; break;
// tx = x, ty = y
default: tx0 = ty1 = 1; break;
}
// Setup the graphics state
var swap = rot == 'L' || rot == 'R';
gs_width = swap ? height : width;
gs_height = swap ? width : height;
gs_dx = padl;
gs_dy = padt;
svg = '';
},
// Unconnected stroked lines are used to draw the bars in linear barcodes.
// No line cap should be applied. These lines are always orthogonal.
line(x0, y0, x1, y1, lw, rgb) {
// Try to get non-blurry lines...
x0 = x0|0;
y0 = y0|0;
x1 = x1|0;
y1 = y1|0;
lw = Math.round(lw);
// Try to keep the lines "crisp" by using with the SVG line drawing spec to
// our advantage.
if (lw & 1) {
if (x0 == x1) {
x0 += 0.5;
x1 += 0.5;
}
if (y0 == y1) {
y0 += 0.5;
y1 += 0.5;
}
}
// Group together all lines of the same width and emit as single paths.
// Dramatically reduces resulting text size.
var key = '' + lw + '#' + rgb;
if (!lines[key]) {
lines[key] = '<path stroke="#' + rgb + '" stroke-width="' + lw + '" d="';
}
lines[key] += 'M' + transform(x0, y0) + 'L' + transform(x1, y1);
},
// Polygons are used to draw the connected regions in a 2d barcode.
// These will always be unstroked, filled, non-intersecting,
// orthogonal shapes.
// You will see a series of polygon() calls, followed by a fill().
polygon(pts) {
if (!path) {
path = '<path d="';
}
path += 'M' + transform(pts[0][0], pts[0][1]);
for (var i = 1, n = pts.length; i < n; i++) {
var p = pts[i];
path += 'L' + transform(p[0], p[1]);
}
path += 'Z';
},
// An unstroked, filled hexagon used by maxicode. You can choose to fill
// each individually, or wait for the final fill().
//
// The hexagon is drawn from the top, counter-clockwise.
hexagon(pts, rgb) {
this.polygon(pts); // A hexagon is just a polygon...
},
// An unstroked, filled ellipse. Used by dotcode and maxicode at present.
// maxicode issues pairs of ellipse calls (one cw, one ccw) followed by a fill()
// to create the bullseye rings. dotcode issues all of its ellipses then a
// fill().
ellipse(x, y, rx, ry, ccw) {
if (!path) {
path = '<path d="';
}
var dx = rx * ELLIPSE_MAGIC;
var dy = ry * ELLIPSE_MAGIC;
// Since we fill with even-odd, don't worry about cw/ccw
path += 'M' + transform(x - rx, y) +
'C' + transform(x - rx, y - dy) + ' ' +
transform(x - dx, y - ry) + ' ' +
transform(x, y - ry) +
'C' + transform(x + dx, y - ry) + ' ' +
transform(x + rx, y - dy) + ' ' +
transform(x + rx, y) +
'C' + transform(x + rx, y + dy) + ' ' +
transform(x + dx, y + ry) + ' ' +
transform(x, y + ry) +
'C' + transform(x - dx, y + ry) + ' ' +
transform(x - rx, y + dy) + ' ' +
transform(x - rx, y) +
'Z';
},
// PostScript's default fill rule is even-odd.
fill(rgb) {
if (path) {
svg += path + '" fill="#' + rgb + '" fill-rule="evenodd" />\n';
path = null;
}
},
// Draw text with optional inter-character spacing. `y` is the baseline.
// font is an object with properties { name, width, height, dx }
// width and height are the font cell size.
// dx is extra space requested between characters (usually zero).
text(x, y, str, rgb, font) {
var fontid = FontLib.lookup(font.name);
var fwidth = font.width|0;
var fheight = font.height|0;
var dx = font.dx|0;
var path = '';
for (var k = 0; k < str.length; k++) {
var ch = str.charCodeAt(k);
var glyph = FontLib.getpaths(fontid, ch, fwidth, fheight);
if (!glyph) {
continue;
}
if (glyph.length) {
// A glyph is composed of sequence of curve and line segments.
// M is move-to
// L is line-to
// Q is quadratic bezier curve-to
// C is cubic bezier curve-to
for (var i = 0, l = glyph.length; i < l; i++) {
let seg = glyph[i];
if (seg.type == 'M' || seg.type == 'L') {
path += seg.type + transform(seg.x + x, y - seg.y);
} else if (seg.type == 'Q') {
path += seg.type + transform(seg.cx + x, y - seg.cy) + ' ' +
transform(seg.x + x, y - seg.y);
} else if (seg.type == 'C') {
path += seg.type + transform(seg.cx1 + x, y - seg.cy1) + ' ' +
transform(seg.cx2 + x, y - seg.cy2) + ' ' +
transform(seg.x + x, y - seg.y);
}
}
// Close the shape
path += 'Z';
}
x += glyph.advance + dx;
}
if (path) {
svg += '<path d="' + path + '" fill="#' + rgb + '" />\n';
}
},
// Called after all drawing is complete. The return value from this method
// is the return value from `bwipjs.render()`.
end() {
var linesvg = '';
for (var key in lines) {
linesvg += lines[key] + '" />\n';
}
var bg = opts.backgroundcolor;
return '<svg version="1.1" width="' + gs_width + '" height="' + gs_height +
'" xmlns="http://www.w3.org/2000/svg">\n' +
(/^[0-9A-Fa-f]{6}$/.test(''+bg)
? '<rect width="100%" height="100%" fill="#' + bg + '" />\n'
: '') +
linesvg + svg + '</svg>\n';
},
};
// translate/rotate and return as an SVG coordinate pair
function transform(x, y) {
x += gs_dx;
y += gs_dy;
var tx = tx0 * x + tx1 * y + tx2 * (gs_width-1) + tx3 * (gs_height-1);
var ty = ty0 * x + ty1 * y + ty2 * (gs_width-1) + ty3 * (gs_height-1);
return '' + ((tx|0) == tx ? tx : tx.toFixed(2)) + ' ' +
((ty|0) == ty ? ty : ty.toFixed(2));
}
}
return DrawingSVG;
}));

67
src/app/config/defaults.ts
View File

@ -2,10 +2,10 @@ import {AppDefaultsOptions} from '../models/appDefaults.interface';
import {LabelLayout} from '../models/labelLayout.interface';
export const labelLayouts = {
round_32mm_1up: new LabelLayout({
name: '32mm Round Label - 1up',
circle_1up_32mm_x_32mm_qrcode: new LabelLayout({
name: '32mm Round Label - QR Code (1up)',
barcodeType: 'qrcode',
type: 'round_32mm_1up',
type: 'circle_1up_32mm_x_32mm_qrcode',
numCols: 1,
columnGap: 0,
barcodeWidth: 28.6,
@ -14,10 +14,10 @@ export const labelLayouts = {
topTextMargin: 0,
bottomTextMargin: 0,
}),
round_32mm_2up: new LabelLayout({
name: '32mm Round Label - 2up',
circle_2up_32mm_x_32mm_qrcode: new LabelLayout({
name: '32mm Round Label - QR Code (2up)',
barcodeType: 'qrcode',
type: 'round_32mm_2up',
type: 'circle_2up_64mm_x_32mm_qrcode',
numCols: 2,
columnGap: 3.4,
barcodeWidth: 28.6,
@ -26,10 +26,10 @@ export const labelLayouts = {
topTextMargin: 0,
bottomTextMargin: 0,
}),
rectangular_54x32: new LabelLayout({
name: '2in x 1.25in Rectangular Label',
barcodeType: 'datamatrix',
type: 'rectangular_54x32',
rectangular_54mm_x_34mm_code128: new LabelLayout({
name: '2in x 1.25in Rectangular Label - CODE128',
barcodeType: 'code128',
type: 'rectangular_54mm_x_34mm_code128',
numCols: 1,
columnGap: 0,
columnWidth: 54,
@ -40,35 +40,38 @@ export const labelLayouts = {
topTextMargin: 0,
bottomTextMargin: 0,
}),
rectangular_sm: new LabelLayout({
name: '96mm x 15mm Rectangular Label',
rectangular_54mm_x_34mm_datamatrix: new LabelLayout({
name: '2in x 1.25in Rectangular Label - DataMatrix',
barcodeType: 'datamatrix',
type: 'rectangular_sm',
type: 'rectangular_54mm_x_34mm_datamatrix',
numCols: 1,
columnGap: 0,
barcodeWidth: 32,
barcodeHeight: 16,
marginSize: 6,
sideTextMargin: 2,
topTextMargin: 3,
bottomTextMargin: 3,
columnWidth: 54,
columnHeight: 34,
barcodeWidth: 10,
barcodeHeight: 10,
sideTextMargin: 0,
topTextMargin: 0,
bottomTextMargin: 0,
}),
};
export const defaultOptions: AppDefaultsOptions = {
barCodeNumLength: 9, // Number of digits in Bar Code.
barCodeRegExp: /^[\d]{14}$|^[\d]{9}$/, // Pattern for Bar Code data. Scanned barcodes will be either 9 or 14 digits long.
// Manually-entered ID numbers will be exactly 9 digits long.
countsCollection: 'counts', // Name of collection for Line Counts in Firebase.
dateDisplayFormat: 'MM/dd/yyyy, hh:mm aa', // Format for dates when displayed to user.
dateEncodedFormat: 'yyyyMMddHHmm', // Format for dates when encoded in IDs for database records.
barCodeNumLength: 9, // Number of digits in Bar Code.
barCodeRegExp: /^[\d]{14}$|^[\d]{9}$/, // Pattern for Bar Code data.
// Scanned barcodes will be either 9 or 14 digits long.
// Manually-entered ID numbers will be exactly 9 digits long.
countsCollection: 'counts', // Name of collection for Line Counts in Firebase.
dateDisplayFormat: 'MM/dd/yyyy, hh:mm aa', // Format for dates when displayed to user.
dateEncodedFormat: 'yyyyMMddHHmm', // Format for dates when encoded in IDs for database records.
initialsLength: 5,
initialsRegExp: /^[a-zA-Z]{2,5}$/,
labelLayout: labelLayouts.round_32mm_1up, // Which label layout to use for printing. Can be overridden by user setting.
lineCountRegExp: /^[\d]{4}-[\d]{12}$/, // ID format for Line Count records.
locationId: '0000', // Default location ID. Can be overridden by user setting.
locationIdRegExp: /^[\d]{4}$/, // ID format for Line Count records.
numCopies: 1, // Default number of copies of labels to print. Can be overridden by user setting.
qrCodeRegExp: /^[\d]{9}-[a-zA-Z]+-[\d]{12}-[\d]{4}$/, // ID format for QR Code records.
samplesCollection: 'samples', // Name of collection for Line Counts in Firebase.
labelLayout: labelLayouts.circle_1up_32mm_x_32mm_qrcode, // Which label layout to use for printing. Can be overridden by user setting.
lineCountRegExp: /^[\d]{4}-[\d]{12}$/, // ID format for Line Count records.
locationId: '0000', // Default location ID. Can be overridden by user setting.
locationIdRegExp: /^[\d]{4}$/, // ID format for Line Count records.
numCopies: 1, // Default number of copies of labels to print.
// Can be overridden by user setting.
qrCodeRegExp: /^[\d]{9}-[a-zA-Z]+-[\d]{12}-[\d]{4}$/, // ID format for QR Code records.
samplesCollection: 'samples', // Name of collection for Line Counts in Firebase.
};

4
src/app/models/labelLayout.interface.ts
View File

@ -21,9 +21,9 @@ export interface LayoutOptions {
}
export class LabelLayout {
name = '32mm Round Label - QR Code (1up)';
barcodeType = 'qrcode';
type = 'round_32mm_1up';
name = '32mm Round Label - 1up';
type = 'circle_1up_32mm_x_32mm_qrcode';
units = 'mm';
pointsPerUnit = 0.3528;
barcodeHeight = 28.6;

11
src/app/settings/settings.component.html
View File

@ -28,7 +28,16 @@
#labelLayoutSelect="matSelect"
[formControl]="labelLayoutFormControl"
>
<mat-option *ngFor="let layout of labelLayouts" [value]="layout.type">{{layout.name}}</mat-option>
<mat-option *ngFor="let layout of labelLayouts" [value]="layout.type" [ngStyle]="{height: 'inherit', width: 'inherit'}">
<div fxLayout="row" fxLayoutAlign="center center" fxLayoutGap="40px">
<div fxFlex="50%" [ngStyle]="{whiteSpace: 'normal', lineHeight: '1.2'}">
{{layout.name}}
</div>
<div fxFlex="50%">
<img src="/assets/formats/{{layout.type}}.svg" alt="{{layout.name}}">
</div>
</div>
</mat-option>
</mat-select>
<mat-error *ngIf="labelLayoutFormControl.hasError('required')">This field is required.</mat-error>
</mat-form-field>

143
src/assets/formats/circle_1up_32mm_x_32mm_qrcode.svg Normal file
View File

@ -0,0 +1,143 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="32mm"
height="32mm"
viewBox="0 0 32 32"
version="1.1"
id="svg936"
inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"
sodipodi:docname="circle_1up_32mm_x_32mm_qrcode.svg">
<defs
id="defs930" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="2.8"
inkscape:cx="-66.396594"
inkscape:cy="42.107404"
inkscape:document-units="mm"
inkscape:current-layer="layer1"
showgrid="false"
inkscape:window-width="1920"
inkscape:window-height="1016"
inkscape:window-x="407"
inkscape:window-y="1467"
inkscape:window-maximized="1" />
<metadata
id="metadata933">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-265)">
<g
id="g1867">
<g
id="g2015">
<circle
id="path12-3"
cx="16"
cy="281"
style="fill:#ffffff;fill-opacity:1;stroke:#cccccc;stroke-width:0.25003096;stroke-opacity:1"
r="14.174985" />
<image
width="20"
height="20"
preserveAspectRatio="none"
style="image-rendering:optimizeSpeed"
xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATYAAAE2CAIAAABk3in+AAAAA3NCSVQICAjb4U/gAAAF0klEQVR4 nO3dy44TMRRFUYL4/19ups3EETIXb1fWmiLSlcdWTY5cr6+vrx9A1c/TFwCsSBTSJAppEoU0iUKa RCFNopAmUUiTKKT9Wv/z6/X6P9fx3+ysqXY+jfXfPfU5z13Vzis3P6s56/frLgppEoU0iUKaRCFN opAmUUiTKKRJFNIkCmlv1kVrzXOPmuuTU3uane/o1BJrx/N+k+6ikCZRSJMopEkU0iQKaRKFNIlC mkQhTaKQtrUuWpvblzQXJHNbnJ3t0alvoXn+0I2/SXdRSJMopEkU0iQKaRKFNIlCmkQhTaKQJlFI G1wX8d3cfqj5dLOdV+Y7d1FIkyikSRTSJAppEoU0iUKaRCFNopAmUUizLvrDqR1P8zliO58G/4q7 KKRJFNIkCmkShTSJQppEIU2ikCZRSJMopA2ui25cn5y65rlnn+28oxu/wbUb35G7KKRJFNIkCmkS hTSJQppEIU2ikCZRSJMopG2ti06duDPn1FKneWbSqWve+Zyf95t0F4U0iUKaRCFNopAmUUiTKKRJ FNIkCmkShbQ366Ibz3qZc2q50twPnfJpv0l3UUiTKKRJFNIkCmkShTSJQppEIU2ikCZRSHvNbTV2 tik3nl5zavXiDKHvTr3fOe6ikCZRSJMopEkU0iQKaRKFNIlCmkQhTaKQ9ubsohvXGHObmLmTfk5t vOb+7qlvYceprdX6ld1FIU2ikCZRSJMopEkU0iQKaRKFNIlCmkQh7c26aG1uT3Pjymfuqm7ceN2o +btyF4U0iUKaRCFNopAmUUiTKKRJFNIkCmkShbStddGpk29ufJ5X88Sd5vPLTpn7JJ1dBI8lUUiT KKRJFNIkCmkShTSJQppEIU2ikLa1LtrRPPeoaW7XMvd3T33Op97vHHdRSJMopEkU0iQKaRKFNIlC mkQhTaKQJlFIO7YuWmvuWuZORfq0a557TtyOubOLPBkNHkuikCZRSJMopEkU0iQKaRKFNIlCmkQh 7dU8r2XOjU8om/uOTi2EmuuxOZ6MBo8lUUiTKKRJFNIkCmkShTSJQppEIU2ikHbs7KIbz9RpvvKO U8ukHTcusZxdBI8lUUiTKKRJFNIkCmkShTSJQppEIU2ikPbm7KI3/3nsZKNTG5HmBmjt1Npmrfl3 15pbK3dRSJMopEkU0iQKaRKFNIlCmkQhTaKQJlFI21oXzWmeIXTjqunG/VDzlU+V4i4KaRKFNIlC mkQhTaKQJlFIkyikSRTSJAppb56MNrfFaS5mnnfNa6cWM6eeMtbcD625i0KaRCFNopAmUUiTKKRJ FNIkCmkShTSJQlr07KK1GzdAa6e+heedETXn1KfhLgppEoU0iUKaRCFNopAmUUiTKKRJFNIkCmlv zi5aa65A5hYzz9sA7XjefqjJXRTSJAppEoU0iUKaRCFNopAmUUiTKKRJFNK21kU3nnt0SnNP0/wG 566q+aS/NXdRSJMopEkU0iQKaRKFNIlCmkQhTaKQJlFIe7Muam5idpx6btrccqX5dLM5n/Z+3UUh TaKQJlFIkyikSRTSJAppEoU0iUKaRCHtgWcXzW2ATtl5R8/7NOau6tTybM1dFNIkCmkShTSJQppE IU2ikCZRSJMopEkU0rbWRWtze4vm6uXU+5079+iUG6/Kk9HgQ0kU0iQKaRKFNIlCmkQhTaKQJlFI kyikDa6LbtTctexoPu1r7dQZQs1v310U0iQKaRKFNIlCmkQhTaKQJlFIkyikSRTSrIv+wtzqZeeV d04nmntu2tz7vXEvtXPN7qKQJlFIkyikSRTSJAppEoU0iUKaRCFNopA2uC5q7jzWTp2aM+d5T0ab e0dze6md35W7KKRJFNIkCmkShTSJQppEIU2ikCZRSJMopG2ti5rblDnN5cqpqzr1yjt/d615KpK7 KKRJFNIkCmkShTSJQppEIU2ikCZRSJMopL1uPGEIPoe7KKRJFNIkCmkShTSJQppEIU2ikCZRSJMo pP0G+8MejQFQgNoAAAAASUVORK5CYII= "
id="image4557"
x="5.999999"
y="271" />
<text
id="text827"
y="292.70752"
x="16.070801"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:2.11666656px;line-height:1.25;font-family:monospace;-inkscape-font-specification:'monospace, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
xml:space="preserve"><tspan
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:2.11666656px;font-family:monospace;-inkscape-font-specification:'monospace, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;stroke-width:0.26458332"
y="292.70752"
x="16.070801"
id="tspan825"
sodipodi:role="line">#987654321</tspan></text>
<text
id="text827-6"
y="270.83347"
x="16.011368"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:2.11666656px;line-height:1.25;font-family:monospace;-inkscape-font-specification:'monospace, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
xml:space="preserve"><tspan
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:2.11666656px;font-family:monospace;-inkscape-font-specification:'monospace, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;stroke-width:0.26458332"
y="270.83347"
x="16.011368"
id="tspan825-3"
sodipodi:role="line">200912ABC</tspan></text>
<text
id="text827-61"
y="279.11072"
x="4.2645407"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:2.11666656px;line-height:1.25;font-family:monospace;-inkscape-font-specification:'monospace, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
xml:space="preserve"><tspan
id="tspan919"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:2.11666656px;font-family:monospace;-inkscape-font-specification:'monospace, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;stroke-width:0.26458332"
y="279.11072"
x="4.2645407"
sodipodi:role="line">T</tspan><tspan
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:2.11666656px;font-family:monospace;-inkscape-font-specification:'monospace, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;stroke-width:0.26458332"
y="281.75656"
x="4.2645407"
sodipodi:role="line"
id="tspan1679">12</tspan><tspan
id="tspan925"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:2.11666656px;font-family:monospace;-inkscape-font-specification:'monospace, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;stroke-width:0.26458332"
y="284.40237"
x="4.2645407"
sodipodi:role="line">34</tspan></text>
<text
id="text827-61-5"
y="279.11072"
x="27.582506"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:2.11666656px;line-height:1.25;font-family:monospace;-inkscape-font-specification:'monospace, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
xml:space="preserve"><tspan
id="tspan921"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:2.11666656px;font-family:monospace;-inkscape-font-specification:'monospace, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;stroke-width:0.26458332"
y="279.11072"
x="27.582506"
sodipodi:role="line">L</tspan><tspan
id="tspan929"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:2.11666656px;font-family:monospace;-inkscape-font-specification:'monospace, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;stroke-width:0.26458332"
y="281.75656"
x="27.582506"
sodipodi:role="line">40</tspan><tspan
id="tspan1928"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:2.11666656px;font-family:monospace;-inkscape-font-specification:'monospace, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;stroke-width:0.26458332"
y="284.40237"
x="27.582506"
sodipodi:role="line">40</tspan></text>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

225
src/assets/formats/circle_2up_64mm_x_32mm_qrcode.svg Normal file
View File

@ -0,0 +1,225 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="64mm"
height="32mm"
viewBox="0 0 64 32"
version="1.1"
id="svg936"
inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"
sodipodi:docname="circle_2up_64mm_x_32mm_qrcode.svg">
<defs
id="defs930" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="2.8"
inkscape:cx="117.53198"
inkscape:cy="40.678833"
inkscape:document-units="mm"
inkscape:current-layer="layer1"
showgrid="false"
inkscape:window-width="1920"
inkscape:window-height="1016"
inkscape:window-x="407"
inkscape:window-y="1467"
inkscape:window-maximized="1" />
<metadata
id="metadata933">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-265)">
<g
id="g1867">
<g
id="g2015">
<circle
id="path12-3"
cx="16"
cy="281"
style="fill:#ffffff;fill-opacity:1;stroke:#cccccc;stroke-width:0.25003096;stroke-opacity:1"
r="14.174985" />
<image
width="20"
height="20"
preserveAspectRatio="none"
style="image-rendering:optimizeSpeed"
xlink:href="data:image/png;base64,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 pP0G+8MejQFQgNoAAAAASUVORK5CYII= "
id="image4557"
x="5.999999"
y="271" />
<text
id="text827"
y="292.70752"
x="16.070801"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:2.11666667px;line-height:1.25;font-family:monospace;-inkscape-font-specification:'monospace, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332;"
xml:space="preserve"><tspan
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:2.11666667px;font-family:monospace;-inkscape-font-specification:'monospace, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr;text-anchor:middle;stroke-width:0.26458332;"
y="292.70752"
x="16.070801"
id="tspan825"
sodipodi:role="line">#987654321</tspan></text>
<text
id="text827-6"
y="270.83347"
x="16.011368"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:2.11666667px;line-height:1.25;font-family:monospace;-inkscape-font-specification:'monospace, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332;"
xml:space="preserve"><tspan
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:2.11666667px;font-family:monospace;-inkscape-font-specification:'monospace, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr;text-anchor:middle;stroke-width:0.26458332;"
y="270.83347"
x="16.011368"
id="tspan825-3"
sodipodi:role="line">200912ABC</tspan></text>
<text
id="text827-61"
y="279.11072"
x="4.2645407"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:2.11666667px;line-height:1.25;font-family:monospace;-inkscape-font-specification:'monospace, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332;"
xml:space="preserve"><tspan
id="tspan919"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:2.11666667px;font-family:monospace;-inkscape-font-specification:'monospace, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr;text-anchor:middle;stroke-width:0.26458332;"
y="279.11072"
x="4.2645407"
sodipodi:role="line">T</tspan><tspan
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:2.11666667px;font-family:monospace;-inkscape-font-specification:'monospace, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr;text-anchor:middle;stroke-width:0.26458332;"
y="281.75656"
x="4.2645407"
sodipodi:role="line"
id="tspan1679">12</tspan><tspan
id="tspan925"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:2.11666667px;font-family:monospace;-inkscape-font-specification:'monospace, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr;text-anchor:middle;stroke-width:0.26458332;"
y="284.40237"
x="4.2645407"
sodipodi:role="line">34</tspan></text>
<text
id="text827-61-5"
y="279.11072"
x="27.582506"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:2.11666667px;line-height:1.25;font-family:monospace;-inkscape-font-specification:'monospace, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332;"
xml:space="preserve"><tspan
id="tspan921"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:2.11666667px;font-family:monospace;-inkscape-font-specification:'monospace, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr;text-anchor:middle;stroke-width:0.26458332;"
y="279.11072"
x="27.582506"
sodipodi:role="line">L</tspan><tspan
id="tspan929"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:2.11666667px;font-family:monospace;-inkscape-font-specification:'monospace, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr;text-anchor:middle;stroke-width:0.26458332;"
y="281.75656"
x="27.582506"
sodipodi:role="line">40</tspan><tspan
id="tspan1928"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:2.11666667px;font-family:monospace;-inkscape-font-specification:'monospace, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr;text-anchor:middle;stroke-width:0.26458332;"
y="284.40237"
x="27.582506"
sodipodi:role="line">40</tspan></text>
</g>
</g>
<g
id="g2031">
<circle
r="14.174985"
style="fill:#ffffff;fill-opacity:1;stroke:#cccccc;stroke-width:0.25003096;stroke-opacity:1"
cy="281"
cx="47.999985"
id="path12-3-9" />
<image
y="271"
x="37.999985"
id="image4557-8"
xlink:href="data:image/png;base64,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 pP0G+8MejQFQgNoAAAAASUVORK5CYII= "
style="image-rendering:optimizeSpeed"
preserveAspectRatio="none"
height="20"
width="20" />
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:2.11666656px;line-height:1.25;font-family:monospace;-inkscape-font-specification:'monospace, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
x="48.070786"
y="292.70752"
id="text827-4"><tspan
sodipodi:role="line"
id="tspan825-8"
x="48.070786"
y="292.70752"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:2.11666656px;font-family:monospace;-inkscape-font-specification:'monospace, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;stroke-width:0.26458332">#987654321</tspan></text>
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:2.11666656px;line-height:1.25;font-family:monospace;-inkscape-font-specification:'monospace, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
x="48.011353"
y="270.83347"
id="text827-6-1"><tspan
sodipodi:role="line"
id="tspan825-3-0"
x="48.011353"
y="270.83347"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:2.11666656px;font-family:monospace;-inkscape-font-specification:'monospace, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;stroke-width:0.26458332">200912ABC</tspan></text>
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:2.11666656px;line-height:1.25;font-family:monospace;-inkscape-font-specification:'monospace, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
x="36.264526"
y="279.11072"
id="text827-61-3"><tspan
sodipodi:role="line"
x="36.264526"
y="279.11072"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:2.11666656px;font-family:monospace;-inkscape-font-specification:'monospace, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;stroke-width:0.26458332"
id="tspan919-0">T</tspan><tspan
id="tspan1679-4"
sodipodi:role="line"
x="36.264526"
y="281.75656"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:2.11666656px;font-family:monospace;-inkscape-font-specification:'monospace, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;stroke-width:0.26458332">12</tspan><tspan
sodipodi:role="line"
x="36.264526"
y="284.40237"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:2.11666656px;font-family:monospace;-inkscape-font-specification:'monospace, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;stroke-width:0.26458332"
id="tspan925-4">34</tspan></text>
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:2.11666656px;line-height:1.25;font-family:monospace;-inkscape-font-specification:'monospace, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
x="59.582493"
y="279.11072"
id="text827-61-5-4"><tspan
sodipodi:role="line"
x="59.582493"
y="279.11072"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:2.11666656px;font-family:monospace;-inkscape-font-specification:'monospace, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;stroke-width:0.26458332"
id="tspan921-4">L</tspan><tspan
sodipodi:role="line"
x="59.582493"
y="281.75656"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:2.11666656px;font-family:monospace;-inkscape-font-specification:'monospace, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;stroke-width:0.26458332"
id="tspan929-7">40</tspan><tspan
sodipodi:role="line"
x="59.582493"
y="284.40237"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:2.11666656px;font-family:monospace;-inkscape-font-specification:'monospace, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;stroke-width:0.26458332"
id="tspan1928-6">40</tspan></text>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

572
src/assets/formats/rectangular_54mm_x_34mm_code128.svg Normal file
View File

@ -0,0 +1,572 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="54mm"
height="34mm"
viewBox="0 0 54.000002 34.000001"
version="1.1"
id="svg8"
inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"
sodipodi:docname="code128-barcode-test.svg">
<defs
id="defs2" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="2.8"
inkscape:cx="155.94433"
inkscape:cy="4.1863626"
inkscape:document-units="mm"
inkscape:current-layer="layer1"
showgrid="false"
units="mm"
inkscape:window-width="1920"
inkscape:window-height="1016"
inkscape:window-x="407"
inkscape:window-y="1467"
inkscape:window-maximized="1" />
<metadata
id="metadata5">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-262.99998)">
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:2.11666667px;line-height:0;font-family:monospace;-inkscape-font-specification:'monospace, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332;"
x="26.96641"
y="287.95969"
id="text830"><tspan
sodipodi:role="line"
id="tspan828"
x="26.966412"
y="287.95969"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:2.11666667px;font-family:monospace;-inkscape-font-specification:'monospace, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr;text-anchor:middle;stroke-width:0.26458332;">123456789-ABCDE-202011101110-1010</tspan></text>
<g
transform="matrix(0.07422947,0,0,-0.07422947,3.9888643,285.41873)"
inkscape:label="ink_ext_XXXXXX"
id="g860">
<g
transform="scale(0.1)"
id="g862">
<path
inkscape:connector-curvature="0"
id="path864"
style="fill:none;stroke:#000000;stroke-width:37;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 20,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path866"
style="fill:none;stroke:#000000;stroke-width:17;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 70,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path868"
style="fill:none;stroke:#000000;stroke-width:57;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 150,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path870"
style="fill:none;stroke:#000000;stroke-width:17;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 230,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path872"
style="fill:none;stroke:#000000;stroke-width:37;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 280,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path874"
style="fill:none;stroke:#000000;stroke-width:57;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 370,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path876"
style="fill:none;stroke:#000000;stroke-width:17;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 450,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path878"
style="fill:none;stroke:#000000;stroke-width:17;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 530,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path880"
style="fill:none;stroke:#000000;stroke-width:37;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 580,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path882"
style="fill:none;stroke:#000000;stroke-width:57;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 690,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path884"
style="fill:none;stroke:#000000;stroke-width:17;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 790,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path886"
style="fill:none;stroke:#000000;stroke-width:37;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 840,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path888"
style="fill:none;stroke:#000000;stroke-width:37;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 900,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path890"
style="fill:none;stroke:#000000;stroke-width:17;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 1010,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path892"
style="fill:none;stroke:#000000;stroke-width:17;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 1050,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path894"
style="fill:none;stroke:#000000;stroke-width:17;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 1110,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path896"
style="fill:none;stroke:#000000;stroke-width:77;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 1180,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path898"
style="fill:none;stroke:#000000;stroke-width:57;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 1270,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path900"
style="fill:none;stroke:#000000;stroke-width:57;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 1350,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path902"
style="fill:none;stroke:#000000;stroke-width:17;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 1430,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path904"
style="fill:none;stroke:#000000;stroke-width:37;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 1480,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path906"
style="fill:none;stroke:#000000;stroke-width:17;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 1550,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path908"
style="fill:none;stroke:#000000;stroke-width:37;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 1620,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path910"
style="fill:none;stroke:#000000;stroke-width:57;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 1690,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path912"
style="fill:none;stroke:#000000;stroke-width:17;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 1770,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path914"
style="fill:none;stroke:#000000;stroke-width:17;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 1810,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path916"
style="fill:none;stroke:#000000;stroke-width:37;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 1900,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path918"
style="fill:none;stroke:#000000;stroke-width:17;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 1990,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path920"
style="fill:none;stroke:#000000;stroke-width:17;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 2070,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path922"
style="fill:none;stroke:#000000;stroke-width:37;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 2120,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path924"
style="fill:none;stroke:#000000;stroke-width:17;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 2210,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path926"
style="fill:none;stroke:#000000;stroke-width:17;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 2290,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path928"
style="fill:none;stroke:#000000;stroke-width:37;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 2380,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path930"
style="fill:none;stroke:#000000;stroke-width:17;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 2430,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path932"
style="fill:none;stroke:#000000;stroke-width:37;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 2480,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path934"
style="fill:none;stroke:#000000;stroke-width:17;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 2570,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path936"
style="fill:none;stroke:#000000;stroke-width:17;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 2650,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path938"
style="fill:none;stroke:#000000;stroke-width:37;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 2740,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path940"
style="fill:none;stroke:#000000;stroke-width:17;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 2790,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path942"
style="fill:none;stroke:#000000;stroke-width:17;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 2870,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path944"
style="fill:none;stroke:#000000;stroke-width:37;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 2940,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path946"
style="fill:none;stroke:#000000;stroke-width:57;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 3010,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path948"
style="fill:none;stroke:#000000;stroke-width:17;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 3090,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path950"
style="fill:none;stroke:#000000;stroke-width:57;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 3150,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path952"
style="fill:none;stroke:#000000;stroke-width:77;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 3240,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path954"
style="fill:none;stroke:#000000;stroke-width:37;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 3320,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path956"
style="fill:none;stroke:#000000;stroke-width:17;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 3390,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path958"
style="fill:none;stroke:#000000;stroke-width:57;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 3470,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path960"
style="fill:none;stroke:#000000;stroke-width:37;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 3540,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path962"
style="fill:none;stroke:#000000;stroke-width:17;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 3610,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path964"
style="fill:none;stroke:#000000;stroke-width:57;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 3690,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path966"
style="fill:none;stroke:#000000;stroke-width:37;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 3760,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path968"
style="fill:none;stroke:#000000;stroke-width:17;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 3850,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path970"
style="fill:none;stroke:#000000;stroke-width:17;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 3910,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path972"
style="fill:none;stroke:#000000;stroke-width:37;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 3980,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path974"
style="fill:none;stroke:#000000;stroke-width:17;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 4050,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path976"
style="fill:none;stroke:#000000;stroke-width:17;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 4130,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path978"
style="fill:none;stroke:#000000;stroke-width:37;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 4200,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path980"
style="fill:none;stroke:#000000;stroke-width:17;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 4290,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path982"
style="fill:none;stroke:#000000;stroke-width:17;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 4350,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path984"
style="fill:none;stroke:#000000;stroke-width:37;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 4420,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path986"
style="fill:none;stroke:#000000;stroke-width:17;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 4490,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path988"
style="fill:none;stroke:#000000;stroke-width:17;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 4570,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path990"
style="fill:none;stroke:#000000;stroke-width:17;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 4630,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path992"
style="fill:none;stroke:#000000;stroke-width:77;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 4700,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path994"
style="fill:none;stroke:#000000;stroke-width:57;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 4790,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path996"
style="fill:none;stroke:#000000;stroke-width:17;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 4850,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path998"
style="fill:none;stroke:#000000;stroke-width:37;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 4920,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path1000"
style="fill:none;stroke:#000000;stroke-width:57;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 4990,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path1002"
style="fill:none;stroke:#000000;stroke-width:17;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 5070,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path1004"
style="fill:none;stroke:#000000;stroke-width:57;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 5130,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path1006"
style="fill:none;stroke:#000000;stroke-width:77;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 5220,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path1008"
style="fill:none;stroke:#000000;stroke-width:37;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 5300,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path1010"
style="fill:none;stroke:#000000;stroke-width:17;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 5370,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path1012"
style="fill:none;stroke:#000000;stroke-width:17;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 5450,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path1014"
style="fill:none;stroke:#000000;stroke-width:37;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 5520,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path1016"
style="fill:none;stroke:#000000;stroke-width:17;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 5590,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path1018"
style="fill:none;stroke:#000000;stroke-width:17;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 5670,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path1020"
style="fill:none;stroke:#000000;stroke-width:17;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 5730,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path1022"
style="fill:none;stroke:#000000;stroke-width:37;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 5780,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path1024"
style="fill:none;stroke:#000000;stroke-width:57;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 5890,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path1026"
style="fill:none;stroke:#000000;stroke-width:37;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 5960,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path1028"
style="fill:none;stroke:#000000;stroke-width:57;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 6070,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path1030"
style="fill:none;stroke:#000000;stroke-width:17;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 6130,10 V 1450" />
<path
inkscape:connector-curvature="0"
id="path1032"
style="fill:none;stroke:#000000;stroke-width:37;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
d="M 6180,10 V 1450" />
</g>
</g>
<g
transform="translate(0,-2e-5)"
id="g872">
<rect
ry="1.5875"
rx="1.5875"
y="264.125"
x="1.6000004"
height="31.75"
width="50.799999"
id="rect5000"
style="opacity:1;vector-effect:none;fill:none;fill-opacity:1;stroke:#cccccc;stroke-width:0.17638889;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<g
id="g1163"
transform="translate(-2.087723,-1.7764499)">
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:2.11666656px;line-height:0;font-family:monospace;-inkscape-font-specification:'monospace, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
x="6.6571178"
y="268.65799"
id="text4940-2-2-3"><tspan
sodipodi:role="line"
x="6.6571178"
y="268.65799"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:2.11666656px;line-height:2.11666656px;font-family:monospace;-inkscape-font-specification:'monospace, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke-width:0.26458332"
id="tspan4951-6-0-1">UP</tspan></text>
<g
id="g5088-1"
transform="matrix(0.08333333,0,0,0.08333333,4.687723,266.90145)">
<path
id="path5074-0"
d="M 0,0 H 24 V 24 H 0 Z"
inkscape:connector-curvature="0"
style="fill:none" />
<path
id="path5076-3"
d="M 20,11 H 7.83 L 13.42,5.41 12,4 4,12 12,20 13.41,18.59 7.83,13 H 20 Z"
inkscape:connector-curvature="0" />
</g>
</g>
<g
id="g1163-9"
transform="translate(-2.087723,25.97355)">
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:2.11666656px;line-height:0;font-family:monospace;-inkscape-font-specification:'monospace, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
x="6.6571178"
y="268.65799"
id="text4940-2-2-3-0"><tspan
sodipodi:role="line"
x="6.6571178"
y="268.65799"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:2.11666656px;line-height:2.11666656px;font-family:monospace;-inkscape-font-specification:'monospace, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke-width:0.26458332"
id="tspan4951-6-0-1-8">UP</tspan></text>
<g
id="g5088-1-8"
transform="matrix(0.08333333,0,0,0.08333333,4.687723,266.90145)">
<path
id="path5074-0-5"
d="M 0,0 H 24 V 24 H 0 Z"
inkscape:connector-curvature="0"
style="fill:none" />
<path
id="path5076-3-0"
d="M 20,11 H 7.83 L 13.42,5.41 12,4 4,12 12,20 13.41,18.59 7.83,13 H 20 Z"
inkscape:connector-curvature="0" />
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

161
src/assets/formats/rectangular_54mm_x_34mm_datamatrix.svg Normal file
View File

@ -0,0 +1,161 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="54mm"
height="34mm"
viewBox="0 0 54 34"
version="1.1"
id="svg5173"
inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"
sodipodi:docname="datamatrix-54mm_x_34mm.svg">
<defs
id="defs5167" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="2.8284271"
inkscape:cx="152.70791"
inkscape:cy="5.307426"
inkscape:document-units="mm"
inkscape:current-layer="layer1"
showgrid="false"
units="mm"
inkscape:window-width="1920"
inkscape:window-height="1016"
inkscape:window-x="407"
inkscape:window-y="1467"
inkscape:window-maximized="1" />
<metadata
id="metadata5170">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-263)">
<g
id="g872">
<rect
ry="1.5875"
rx="1.5875"
y="264.125"
x="1.6000004"
height="31.75"
width="50.799999"
id="rect5000"
style="opacity:1;vector-effect:none;fill:none;fill-opacity:1;stroke:#cccccc;stroke-width:0.17638889;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<g
id="g1163"
transform="translate(-2.087723,-1.7764499)">
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:2.11666656px;line-height:0;font-family:monospace;-inkscape-font-specification:'monospace, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
x="6.6571178"
y="268.65799"
id="text4940-2-2-3"><tspan
sodipodi:role="line"
x="6.6571178"
y="268.65799"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:2.11666656px;line-height:2.11666656px;font-family:monospace;-inkscape-font-specification:'monospace, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke-width:0.26458332"
id="tspan4951-6-0-1">UP</tspan></text>
<g
id="g5088-1"
transform="matrix(0.08333333,0,0,0.08333333,4.687723,266.90145)">
<path
id="path5074-0"
d="M 0,0 H 24 V 24 H 0 Z"
inkscape:connector-curvature="0"
style="fill:none" />
<path
id="path5076-3"
d="M 20,11 H 7.83 L 13.42,5.41 12,4 4,12 12,20 13.41,18.59 7.83,13 H 20 Z"
inkscape:connector-curvature="0" />
</g>
</g>
<g
id="g1163-9"
transform="translate(-2.087723,25.97355)">
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:2.11666656px;line-height:0;font-family:monospace;-inkscape-font-specification:'monospace, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
x="6.6571178"
y="268.65799"
id="text4940-2-2-3-0"><tspan
sodipodi:role="line"
x="6.6571178"
y="268.65799"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:2.11666656px;line-height:2.11666656px;font-family:monospace;-inkscape-font-specification:'monospace, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke-width:0.26458332"
id="tspan4951-6-0-1-8">UP</tspan></text>
<g
id="g5088-1-8"
transform="matrix(0.08333333,0,0,0.08333333,4.687723,266.90145)">
<path
id="path5074-0-5"
d="M 0,0 H 24 V 24 H 0 Z"
inkscape:connector-curvature="0"
style="fill:none" />
<path
id="path5076-3-0"
d="M 20,11 H 7.83 L 13.42,5.41 12,4 4,12 12,20 13.41,18.59 7.83,13 H 20 Z"
inkscape:connector-curvature="0" />
</g>
</g>
</g>
<g
transform="matrix(0.125,0,0,-0.125,4.387,285.125)"
inkscape:label="ink_ext_XXXXXX"
id="g1445">
<g
transform="scale(0.1)"
id="g1447">
<path
inkscape:connector-curvature="0"
id="path1449"
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 10,810 H 50 V 770 H 90 V 610 H 50 v -40 h 40 v 40 h 40 v -40 h 40 V 530 H 50 V 490 H 90 V 450 H 50 V 370 H 90 V 330 H 50 V 290 H 90 V 250 H 50 V 130 H 90 V 90 H 250 V 50 h 40 v 80 h 40 v 40 h 40 v -40 h 40 V 90 H 370 V 50 h 40 v 40 h 40 V 50 h 40 v 40 h -40 v 40 h 80 V 50 h 200 v 40 h 40 V 50 h 40 V 10 H 10 Z m 80,0 h 40 V 770 H 90 Z m 80,0 h 40 v -80 h -40 z m 80,0 h 40 v -40 h -40 z m 80,0 h 40 v -40 h -40 z m 80,0 h 40 v -40 h -40 z m 80,0 h 40 V 690 h -40 v 40 h -40 v 40 h 40 z m 80,0 h 40 v -40 h -40 z m 80,0 h 40 v -40 h 40 v -40 h -40 v -40 h -40 z m 80,0 h 40 V 770 H 730 Z M 290,770 h 40 v -40 h -40 z m 80,0 h 40 v -40 h -40 z m 400,0 h 40 V 730 H 770 Z M 410,730 h 40 V 610 h -80 v 80 h 40 z m 160,0 h 40 v -40 h 40 v -40 h 40 v 40 h 120 v -40 h -80 v -80 h -40 v 40 h -80 v 40 H 570 Z M 170,690 h 120 v -40 h -40 v -40 h -40 v 40 h -40 z m 120,-40 h 40 v -40 h 40 v -80 h -40 v 40 h -80 v 40 h 40 z m 200,0 h 40 v -40 h 80 v -80 h -40 v 40 H 530 V 490 H 410 v 80 h 40 v -40 h 40 z M 170,610 h 40 v -40 h -40 z m 600,0 h 40 V 570 H 770 Z M 170,530 H 290 V 490 H 170 Z m 600,0 h 40 V 490 H 770 Z M 330,490 h 40 V 450 H 490 V 330 h -40 v 80 h -40 v -40 h -40 v 40 h -40 z m 280,0 h 160 v -40 h 40 v -40 h -80 v 40 h -40 v -40 h -40 v 40 H 610 Z M 90,450 h 80 V 410 H 90 Z m 120,0 h 80 v -40 h 40 v -40 h -40 v -40 h -40 v 80 h -40 z m 320,0 h 80 V 330 h -40 v 40 H 530 Z M 170,410 h 40 v -40 h -40 z m 160,-40 h 40 v -40 h -40 z m 400,0 h 80 V 330 H 770 V 290 H 730 Z M 90,330 h 40 V 290 H 90 Z m 80,0 h 40 v -40 h 80 v -40 h -40 v -40 h 80 v -40 h -40 v -40 h -40 v 40 h -40 v -40 h -40 v 80 h 40 v 40 h -40 z m 200,0 h 80 V 290 H 410 V 170 h -40 v 80 h -40 v 40 h 40 z m 120,0 h 80 V 170 h -40 v 80 h -40 z m 160,0 h 40 v -40 h -40 z m -40,-40 h 40 v -80 h -40 z m 80,0 h 40 v -80 h -40 z m 80,0 h 40 V 250 H 770 Z M 90,250 h 40 V 210 H 90 Z m 640,-40 h 80 V 170 H 770 V 130 H 730 V 90 h -40 v 80 h 40 z M 90,170 h 40 V 130 H 90 Z m 320,0 h 40 v -40 h -40 z m 200,0 h 40 v -40 h -40 z m -40,-40 h 40 V 90 h -40 z m 200,0 h 40 V 90 h -40 z" />
</g>
</g>
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:2.82222223px;line-height:0;font-family:monospace;-inkscape-font-specification:'monospace, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
x="17.653555"
y="278.20511"
id="text4940-2"><tspan
sodipodi:role="line"
x="17.653555"
y="278.20511"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:2.82222223px;line-height:2.82222223px;font-family:monospace;-inkscape-font-specification:'monospace, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke-width:0.26458332"
id="tspan4944-4">#987654321</tspan><tspan
sodipodi:role="line"
x="17.653555"
y="281.02734"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:2.82222223px;line-height:2.82222223px;font-family:monospace;-inkscape-font-specification:'monospace, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke-width:0.26458332"
id="tspan4953-0">2021-01-23 12:34</tspan><tspan
sodipodi:role="line"
x="17.653555"
y="283.84955"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:2.82222223px;line-height:2.82222223px;font-family:monospace;-inkscape-font-specification:'monospace, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke-width:0.26458332"
id="tspan4951-6">ABCDE 0404</tspan></text>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 9.9 KiB