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

}

相关推荐
cc蒲公英6 分钟前
javascript有哪些内置对象
java·前端·javascript
zhangwenwu的前端小站21 分钟前
vue 对接 Dify 官方 SSE 流式响应
前端·javascript·vue.js
王林不想说话26 分钟前
受控/非受控组件分析
前端·react.js·typescript
_杨瀚博28 分钟前
VUE中使用AXIOS包装API代理
前端
张有志34 分钟前
基于 Body 滚动的虚拟滚动组件技术实现
前端·react.js
b***748840 分钟前
前端正在进入“超级融合时代”:从单一技术栈到体验、架构与智能的全维度进化
前端·架构
白杨SEO营销44 分钟前
白杨SEO:看“20步:从0-1做项目的笨办法”来学习如何选一个项目做及经验分享
前端·学习
AY呀1 小时前
# 🌟 JavaScript原型与原型链终极指南:从Function到Object的完整闭环解析 ,深入理解JavaScript原型系统核心
前端·javascript·面试
用户434662153131 小时前
无废话之 useState、useRef、useReducer 的使用场景与选择指南
前端
GinoWi1 小时前
HTML标签 - 表格标签
前端