pdfjs库使用2

.pdf-viewer {

display: flex;

flex-direction: column;

align-items: center;

width: 100%;

height: 100%;

}

.pdf-controls {

display: flex;

gap: 1rem;

margin: 1rem 0;

align-items: center;

}

.pdf-container {

width: 100%;

overflow: auto;

-webkit-overflow-scrolling: touch;

}

.canvas-container {

position: relative;

margin: 0 auto;

}

.pdf-canvas {

display: block;

margin: 0 auto;

}

.link-layer {

position: absolute;

top: 0;

left: 0;

right: 0;

bottom: 0;

}

.link-layer a {

position: absolute;

background: transparent;

pointer-events: auto; /* 使链接可点击 */

}

/* 可选:添加链接悬停效果 */

.link-layer a:hover {

background: rgba(0, 0, 255, 0.1);

outline: 1px solid rgba(0, 0, 255, 0.2);

}

相关推荐
haorooms1 分钟前
Promise.try () 完全指南
前端·javascript
kyriewen2 分钟前
闭包:那个“赖着不走”的家伙,到底有什么用?
前端·javascript·ecmascript 6
斌味代码6 分钟前
el-popover跳转页面不隐藏,el-popover销毁
前端·javascript·vue.js
该怎么办呢6 分钟前
cesium核心代码学习-01项目目录及其基本作用
前端·3d·源码·webgl·cesium·webgis
踩着两条虫13 分钟前
AI 驱动的 Vue3 应用开发平台 深入探究(十九):CLI与工具链之Create VTJ CLI 参考
前端·ai编程·vite
嫂子的姐夫16 分钟前
040-spiderbuf第C8题
javascript·爬虫·python·js逆向·逆向
天下无贼!24 分钟前
【Python】2026版——FastAPI 框架快速搭建后端服务
开发语言·前端·后端·python·aigc·fastapi
GISer_Jing1 小时前
两种AI交互方式深度解析——浏览器书签&插件
前端·人工智能·ai·prompt
哈__1 小时前
ReactNative项目OpenHarmony三方库集成实战:react-native-device-info
javascript·react native·react.js