在 vue 组件中放大 PDF 阅读器

Posted 2023-02-23

【中文标题】在 vue 组件中放大 PDF 阅读器

【英文标题】：zoom in PDF reader in vue component

【发布时间】：2018-03-19 01:00:52

【问题描述】：

我想用 vue.js 和 laravel 制作一个 页面，我可以在其中 在 vue 中显示 pdf -组件。我为 vue-pdf 找到了一个很棒的库，可以显示 PDF。

我的问题是 PDF 阅读器无法放大（放大/缩小），是否有任何解决方案（例如：css / js hack）或可以有人推荐我另一个 vue 系统中的 pdf 阅读器吗？

提前致谢！

【参考方案1】：

你可能想看看npm's panzoom

<template>
    <pdf @loaded="onLoad" src="yourpdf.pdf" page="1" ref="mypdf"></pdf>
</template>

<script>
import pdf from 'vue-pdf';
import panzoom from 'panzoom';
export default 
    components: 
      pdf
    , 
    methods: 
        onLoad() 
            panzooom(this.$refs.mypdf);
        
    

</script>

【讨论】：

感谢您的回答。如果我将 元素包装到一个 div 中，它就可以工作，并且我给那个 div 的 ref 值。 :) 抱歉，回复晚了。