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

}

相关推荐
yinke小琪11 分钟前
JavaScript DOM节点操作(增删改)常用方法
前端·javascript
枣把儿15 分钟前
Vercel 收购 NuxtLabs!Nuxt UI Pro 即将免费!
前端·vue.js·nuxt.js
望获linux16 分钟前
【Linux基础知识系列】第四十三篇 - 基础正则表达式与 grep/sed
linux·运维·服务器·开发语言·前端·操作系统·嵌入式软件
爱编程的喵18 分钟前
从XMLHttpRequest到Fetch:前端异步请求的演进之路
前端·javascript
喜欢吃豆20 分钟前
深入企业内部的MCP知识(三):FastMCP工具转换(Tool Transformation)全解析:从适配到增强的工具进化指南
java·前端·人工智能·大模型·github·mcp
again43221 分钟前
css生效规则
css
豆苗学前端24 分钟前
手把手实现支持百万级数据量、高可用和可扩展性的穿梭框组件
前端·javascript·面试
不见_24 分钟前
不想再写周报了?来看看这个吧!
前端·命令行
Esun_R25 分钟前
使用CSS选择器选择列表中最后一个子元素的几种情况
css
yinke小琪26 分钟前
JavaScript 事件冒泡与事件捕获
前端·javascript