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);

}

相关推荐
Cherry的跨界思维2 分钟前
5、Python长图拼接终极指南:Pillow/OpenCV/ImageMagick三方案
javascript·python·opencv·webpack·django·pillow·pygame
向阳是我7 分钟前
v0.app的next.js项目自动部署到宝塔服务器教程
服务器·开发语言·javascript·github·ai编程
LeeAt9 分钟前
手搓一个 Ollama 本地 SSE 全栈聊天助手
前端
全_9 分钟前
全栈项目实践五:抽离npm包
前端
dorisrv10 分钟前
使用requestIdleCallback和requestAnimationFrame优化前端性能
前端
dorisrv10 分钟前
CSS Grid + Flexbox响应式复杂布局实现
前端
前端灵派派10 分钟前
openlayer选择移动图标
前端
重铸码农荣光10 分钟前
深入理解 JavaScript 继承:从原型链到 call/apply 的灵活运用
前端·javascript·面试
禅思院11 分钟前
vite项目hmr热更新问题
前端·vue.js·架构
dorisrv13 分钟前
TRAE SOLO 正式版:AI全链路开发的新范式 🚀
前端·trae