前端将pdf文件转成canvas预览

最新推荐文章于 2025-05-16 21:32:48 发布

原创

最新推荐文章于 2025-05-16 21:32:48 发布 · 3.5k 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #html5

本文展示了如何利用JavaScript通过AJAX请求将PDF文件转换为Canvas进行预览，旨在提供一种高清晰度的预览解决方案。

将服务器请求回来的pdf转成canvas进行前端展示

这篇文章主要介绍了js 通过ajax请求,将pfd转为canvas展示，现在分享给大家，也给大家做个参考。

直接上代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
		<meta name="description" content="PDF Viewer" />
		<title>Convert PDF To Image</title>
	</head>
	<body>
		<div class="stats">
			<div class="box">
				<span class="value">大小</span>
				<span class="parameter" id="sizeText"></span>
			</div>
			<div class="box">
				<span class="value">页数</span>
				<span class="parameter" id="page