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

}

相关推荐
还算善良_13 分钟前
【Vue】vue3实现文件预览组件(预览服务使用kkfileview)
javascript·vue.js·ecmascript
tangdou36909865514 分钟前
AI真好玩系列-Three.js手势控制游戏开发教程 | Interactive Game Development with Three.js Hand Con
前端·人工智能·ai编程
七夜zippoe16 分钟前
基于ReAct框架的智能体构建实战 - 从原理到企业级应用
前端·javascript·react.js·llm·agent·react
qinyuan1517 分钟前
使用husky和fabric规范git提交的注释
前端·后端
T___T18 分钟前
偷看浏览器后台,发现它比我忙多了
前端·浏览器
alamhubb18 分钟前
vue也支持声明式UI了,向移动端kotlin,swift看齐,抛弃html,pug升级版,进来看看新语法吧
前端·javascript·前端框架
毕设源码-邱学长19 分钟前
【开题答辩全过程】以 基于web的心理测评系统的设计与实现为例,包含答辩的问题和答案
前端
Composure21 分钟前
在 UmiJS + Vue 3 项目中实现 WebP 图片自动转换和优化
前端·javascript
我是苹果,不是香蕉24 分钟前
【python调用edge driver报错】
前端·edge
Neptune129 分钟前
js入门指南之Promise:从''承诺''到理解,告别回调地域
前端·javascript