Autosave: 20260521-205255
This commit is contained in:
Flatlogic Bot
parent
1a7ea8d1c8
commit
cd09784a88
@ -66,45 +66,44 @@ if (empty($codes)) {
|
||||
align-items: center;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
padding: 5mm 1mm 1mm 1mm; /* Restaurado a 5mm para bajar el contenido */
|
||||
padding: 2mm 1mm 1mm 1mm; /* Reducido para dar más espacio vertical */
|
||||
border: 0.1mm solid #eee; /* Guía visual en pantalla */
|
||||
}
|
||||
|
||||
.producto-nombre {
|
||||
font-size: 6px;
|
||||
font-weight: normal;
|
||||
line-height: 1;
|
||||
margin-bottom: 1mm;
|
||||
line-height: 1.1;
|
||||
margin-bottom: 1.5mm; /* Aumentado para separar del código */
|
||||
text-transform: uppercase;
|
||||
white-space: nowrap;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 1;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
width: 100%;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.barcode-container {
|
||||
height: 9mm; /* Revertido a 9mm */
|
||||
height: 9mm;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin: 1mm 0; /* Margen vertical */
|
||||
padding: 0 1mm;
|
||||
margin: 0.8mm 0; /* Ajuste milimétrico vertical */
|
||||
padding: 0 1mm;
|
||||
box-sizing: border-box;
|
||||
width: 100%; /* Ocupa el ancho de la etiqueta para centrar */
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.barcode-container svg {
|
||||
height: 9mm; /* Revertido a 9mm */
|
||||
height: 9mm;
|
||||
width: auto;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
shape-rendering: crispEdges;
|
||||
}
|
||||
|
||||
.sku-text {
|
||||
font-size: 7px;
|
||||
font-weight: normal;
|
||||
margin-top: 0.5mm;
|
||||
margin-top: 1.2mm; /* Aumentado para separar del código */
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
|
||||
@ -152,8 +151,8 @@ if (empty($codes)) {
|
||||
<div class="producto-nombre"><?php echo htmlspecialchars($name); ?></div>
|
||||
<div class="barcode-container">
|
||||
<?php
|
||||
// widthFactor 1.1 para barras más negras/gruesas sin perder escaneo
|
||||
echo $generator->getBarcode($code, 1.1, 72);
|
||||
// widthFactor 1.0 y barReduction 0.15 para separar un poco más las barras
|
||||
echo $generator->getBarcode($code, 1.0, 72, 'black', 0.15);
|
||||
?>
|
||||
</div>
|
||||
<div class="sku-text"><?php echo htmlspecialchars($code); ?></div>
|
||||
|
||||
@ -11,7 +11,7 @@ class BarcodeGenerator
|
||||
$this->barcode_codes = $this->getCode128Map();
|
||||
}
|
||||
|
||||
public function getBarcode($code, $widthFactor = 1, $height = 50, $foregroundColor = 'black')
|
||||
public function getBarcode($code, $widthFactor = 1, $height = 50, $foregroundColor = 'black', $barReduction = 0)
|
||||
{
|
||||
$barcodeData = $this->getBarcodeData($code);
|
||||
if (!$barcodeData) return '';
|
||||
@ -22,9 +22,12 @@ class BarcodeGenerator
|
||||
|
||||
$barArray = str_split($barcodeData['bars']);
|
||||
for ($i = 0; $i < count($barArray); $i++) {
|
||||
$width = $widthFactor * (int)$barArray[$i];
|
||||
$val = (int)$barArray[$i];
|
||||
$width = $widthFactor * $val;
|
||||
if ($i % 2 == 0) { // Even indices are bars, odd are spaces
|
||||
$bars .= '<rect x="' . $x . '" y="0" width="' . $width . '" height="' . $height . '" style="fill:' . $foregroundColor . ';" />';
|
||||
// Apply bar reduction to increase white space between bars
|
||||
$drawWidth = max(0.4, $width - $barReduction);
|
||||
$bars .= '<rect x="' . $x . '" y="0" width="' . $drawWidth . '" height="' . $height . '" style="fill:' . $foregroundColor . ';" />';
|
||||
}
|
||||
$x += $width;
|
||||
}
|
||||
@ -43,12 +46,26 @@ class BarcodeGenerator
|
||||
$len = strlen($code);
|
||||
$indices = [];
|
||||
|
||||
$indices[] = 104; // Start B
|
||||
|
||||
for ($i = 0; $i < $len; $i++) {
|
||||
$val = $this->getCharValue('B', $code[$i]);
|
||||
if ($val !== null) {
|
||||
$indices[] = $val;
|
||||
// Check if code is purely numeric and has even length for Code 128C
|
||||
// Or just use Code 128B as fallback
|
||||
if (ctype_digit($code) && $len >= 2) {
|
||||
$indices[] = 105; // Start C
|
||||
for ($i = 0; $i < $len; $i += 2) {
|
||||
if ($i + 1 < $len) {
|
||||
$indices[] = (int)substr($code, $i, 2);
|
||||
} else {
|
||||
// Odd number of digits, switch to B for the last one
|
||||
$indices[] = 100; // Code B
|
||||
$indices[] = $this->getCharValue('B', $code[$i]);
|
||||
}
|
||||
}
|
||||
} else {
|
||||
$indices[] = 104; // Start B
|
||||
for ($i = 0; $i < $len; $i++) {
|
||||
$val = $this->getCharValue('B', $code[$i]);
|
||||
if ($val !== null) {
|
||||
$indices[] = $val;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -61,44 +61,43 @@ $generator = new BarcodeGenerator();
|
||||
align-items: center;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
padding: 5mm 1mm 1mm 1mm; /* Restaurado a 5mm para bajar el contenido */
|
||||
padding: 2mm 1mm 1mm 1mm; /* Reducido para dar más espacio vertical */
|
||||
}
|
||||
|
||||
.producto-nombre {
|
||||
font-size: 6px;
|
||||
font-weight: normal;
|
||||
line-height: 1;
|
||||
margin-bottom: 1mm;
|
||||
line-height: 1.1;
|
||||
margin-bottom: 1.5mm; /* Aumentado para separar del código */
|
||||
text-transform: uppercase;
|
||||
white-space: nowrap;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 1;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
width: 100%;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.barcode-container {
|
||||
height: 9mm; /* Revertido a 9mm */
|
||||
height: 9mm;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin: 1mm 0;
|
||||
margin: 0.8mm 0; /* Ajuste milimétrico vertical */
|
||||
padding: 0 1mm;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.barcode-container svg {
|
||||
height: 9mm; /* Revertido a 9mm */
|
||||
height: 9mm;
|
||||
width: auto;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
shape-rendering: crispEdges;
|
||||
}
|
||||
|
||||
.sku-text {
|
||||
font-size: 7px;
|
||||
font-weight: normal;
|
||||
margin-top: 0.5mm;
|
||||
margin-top: 1.2mm; /* Aumentado para separar del código */
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
|
||||
@ -132,32 +131,48 @@ $generator = new BarcodeGenerator();
|
||||
|
||||
<div class="etiquetas-container">
|
||||
<?php
|
||||
$skus = ['AFS-0317', 'AFS-0318', 'AFS-0319', 'SKU-1001', 'SKU-1002', 'SKU-1003', 'TEST-001', 'TEST-002', 'TEST-003'];
|
||||
for ($i = 0; $i < 9; $i++):
|
||||
$sku = $skus[$i];
|
||||
// Fila 1: Configuración Actual (Equilibrada)
|
||||
// Fila 2: Líneas Reforzadas (Más gruesas para impresoras con poca fuerza)
|
||||
// Fila 3: Contraste Alto (Líneas más finas, espacios blancos más grandes)
|
||||
$skus = ['AFS-0317', 'AFS-0318', 'AFS-0319'];
|
||||
|
||||
// Fila 1: Actual
|
||||
foreach ($skus as $sku) {
|
||||
echo '<div class="etiqueta">
|
||||
<div class="producto-nombre">OPCIÓN 1: ACTUAL</div>
|
||||
<div class="barcode-container">' . $generator->getBarcode($sku, 1.0, 72, 'black', 0.15) . '</div>
|
||||
<div class="sku-text">' . $sku . '</div>
|
||||
</div>';
|
||||
}
|
||||
|
||||
// Fila 2: Reforzada (Líneas más gruesas)
|
||||
foreach ($skus as $sku) {
|
||||
echo '<div class="etiqueta">
|
||||
<div class="producto-nombre">OPCIÓN 2: REFORZADA</div>
|
||||
<div class="barcode-container">' . $generator->getBarcode($sku, 1.1, 72, 'black', 0.05) . '</div>
|
||||
<div class="sku-text">' . $sku . '</div>
|
||||
</div>';
|
||||
}
|
||||
|
||||
// Fila 3: Contraste Alto (Líneas más finas)
|
||||
foreach ($skus as $sku) {
|
||||
echo '<div class="etiqueta">
|
||||
<div class="producto-nombre">OPCIÓN 3: FINAS</div>
|
||||
<div class="barcode-container">' . $generator->getBarcode($sku, 1.0, 72, 'black', 0.25) . '</div>
|
||||
<div class="sku-text">' . $sku . '</div>
|
||||
</div>';
|
||||
}
|
||||
?>
|
||||
<div class="etiqueta">
|
||||
<div class="producto-nombre">PRODUCTO <?php echo $sku; ?></div>
|
||||
<div class="barcode-container">
|
||||
<?php
|
||||
// widthFactor 1.1 para barras más negras/gruesas sin perder escaneo
|
||||
echo $generator->getBarcode($sku, 1.1, 72);
|
||||
?>
|
||||
</div>
|
||||
<div class="sku-text"><?php echo $sku; ?></div>
|
||||
</div>
|
||||
<?php endfor; ?>
|
||||
</div>
|
||||
|
||||
<div class="no-print" style="max-width: 500px; background: white; padding: 15px; border-radius: 8px; margin-top: 20px; font-size: 13px; line-height: 1.4; border: 1px solid #ddd;">
|
||||
<p style="margin-top: 0;"><strong>✅ Ajustes de Escaneo y Compatibilidad:</strong></p>
|
||||
<div class="no-print" style="max-width: 600px; background: white; padding: 15px; border-radius: 8px; margin-top: 20px; font-size: 13px; line-height: 1.4; border: 1px solid #ddd;">
|
||||
<p style="margin-top: 0;"><strong>🔬 Prueba de Grosor de Líneas:</strong></p>
|
||||
<ul style="text-align: left; padding-left: 20px;">
|
||||
<li><b>Fuente:</b> Cambiada a <b>Verdana</b> (más legible en impresoras térmicas).</li>
|
||||
<li><b>Texto:</b> Grosor mantenido en "normal" para evitar empaste.</li>
|
||||
<li><b>Barras más negras:</b> Aplicado <code>crispEdges</code> para máxima nitidez.</li>
|
||||
<li><b>Ancho de Barra:</b> Factor 1.1 (ligeramente más gruesas para mayor contraste).</li>
|
||||
<li><b>Altura:</b> 9mm.</li>
|
||||
<li><b>Opción 1 (Actual):</b> El equilibrio que veníamos usando.</li>
|
||||
<li><b>Opción 2 (Reforzada):</b> Las líneas negras son más anchas. Útil si tu impresora imprime muy "pálido".</li>
|
||||
<li><b>Opción 3 (Finas):</b> Las líneas negras son más delgadas, dejando más espacio blanco. Útil si la tinta térmica se "chorrea" o expande mucho.</li>
|
||||
</ul>
|
||||
<p><b>¿Cuál de las 3 filas escanea más rápido con tu lector?</b></p>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user