个人中心
gpt4 book ai didi

css - 性能问题 : Recalculating Styles takes 200ms in PDF. js

转载 作者：太空宇宙 更新时间：2023-11-03 21:44:25 28 4
gpt4 key购买 nike

您好，我尝试在我的网站中实现 subj 插件。

我用下一行代码在外部文件上测试了这个插件(插件非常快:

%iframe{src: '/pdfjs/web/viewer.html?file=http://cdn.mozilla.net/pdfjs/tracemonkey.pdf', style:'border: 0', width:'100%', height:'100%', frameborder:'0', scrolling:'no'}

但是当我实现自己的文件时(在元素中我自己的文件夹中)这个插件变得很慢。

%iframe{src: '/pdfjs/web/viewer.html?file=/system/uploads/deal/download_document/24/aaaaa/some.pdf', style:'border: 0', width:'100%', height:'100%', frameborder:'0', scrolling:'no'}

截图

左图:外部(快速)文件的时间轴(1271 个元素为 35 毫秒)
右图:内部(慢速)文件的时间轴(7737 个元素为 196 毫秒):

External (fast) file internal (slow) file

最佳答案

此性能下降是由 grab-to-pan.js 引起的，我为 PDF.js 编写的库，用于实现手形工具功能。按下鼠标时，库会切换 <html> 上的类名元素，通过 CSS 更改光标(从“抓取”到“抓取”):

.grab-to-pan-grabbing * {
    cursor: url("grabbing.cur"), move !important;
    cursor: -webkit-grabbing !important;
    cursor: -moz-grabbing !important;
    cursor: grabbing !important;
}

这个方法貌似对性能有很大的影响，所以我改变了更新游标的方式。参见 https://github.com/Rob--W/grab-to-pan.js/commit/e0f893753ac10a5c97159fd01155b05d234f4c0f对于变化。一些测试表明，新方法的速度提高了 100 多倍。我已将补丁提交给 PDF.js PR #4209 .

关于css - 性能问题 : Recalculating Styles takes 200ms in PDF. js，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21392844/

28 4 0
文章推荐： python - 将 matplotlib 图例条目集中在不完整/未填充的行中？
文章推荐： c# - 如何在 C# 中获取 ListViewItem 的高度？
文章推荐： c# - 如何在 jquery 变量中获取业务类属性值
文章推荐： python - python画图不连续怎么解决
太空宇宙
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com