Question

我在wkwebview的多个标签中渲染pdf时遇到了一些问题。 Base64编码数据作为对象标记的数据提供，这就是pdf的显示方式。

HTML

<tabset id="receipt-tab" class="pos-relative">
            <tab ng-repeat="tab in tabs" ng-click="tabClick(tab.title)">
                <tab-heading>
                    {{ tab.title }}
                </tab-heading>
                <div class="loaddocument">
                    <div class="pdfContainer">
                            <object ng-cloak data="data:application/pdf;base64,{{tab.documentdata}}"
                                width="100%"
                                height="5000"  
                                standby="Loading document...">
                            Oops, you have no PDF viewer enabled
                            </object>
                    </div>
                </div>
            </tab>
</tabset>

CSS

.tab-content>.tab-pane {
    display: block;
    visibility: hidden;
    height:0px;
}

.tab-content>.active {
    display: block;
    visibility: visible;
    height:450px;
}

问题

多个PDF将显示在选项卡中，在初始渲染时，pdf将正确呈现。但是当切换到下一个标签并返回到第一个标签时，pdf会消失并显示空白屏幕。此问题仅在WKWebview中，而不在UI Webview中。任何人都可以提出可能的原因。？

wkwebview中的PDF渲染问题

0 个答案: