PDF.js implementa el efecto de resaltado de palabras clave de búsqueda

Encuentre la definición del método setInitialView en static\PDF\web\viewer.js

Acerca de la línea 1202, las diferentes versiones de pdf.js son diferentes

Agregue el siguiente código al final del cuerpo del método:

// 高亮显示关键词----------------------------------------
var keyword= new URL(decodeURIComponent(location)).searchParams.get('keyword');//获取关键词
document.getElementById("findInput").value=keyword;//对查询输入框进行赋值
document.getElementById("findHighlightAll").click();//点击高亮按钮实现高亮显示关键词

Si no está satisfecho con el estilo del efecto de resaltado, puede ir a static\PDF\web\viewer.css

Modificar de la siguiente manera 

--highlight-bg-color: 被搜索到的关键词背景色;
--highlight-selected-bg-color: 当前查看的被搜索到的关键词背景色;


.textLayer{
……
    opacity: 0.25;//设置关键词高亮透明度
……
}


//被搜索到的关键词
.textLayer .highlight {


}


//当前查看的被搜索到的关键词
.textLayer .highlight.selected {
    color: white;
    background-color: var(--highlight-selected-bg-color);
}

¿Cómo usa pdf.js Vue para obtener una vista previa de PDF y admitir la impresión, sin caracteres ilegibles, deformación por estiramiento, corte de la vista previa de impresión y otros problemas de discapacidad mental ? PDF del proyecto. Luego comience a usar el código anterior. Https://blog.csdn.net/qq_37860634/article/details/131035174 Resolución de errores de pdf.js Qué hacer cuando se usa PDF.js para obtener una vista previa de los archivos siempre informa un error Mensaje: el origen del archivo no coincide con el otro error del espectador en la aplicación. js:1140? ? _pdf.js error_El blog de su amado hermano fuerte-CSDN blog este archivo web/app.js. ¡Este error es realmente fatal! _pdf.js error https://blog.csdn.net/qq_37860634/article/details/131035028