ngx-extended-pdf-viewer加载base64文档时图片位置偏移如何解决

你可以通过调整ngx-extended-pdf-viewer的配置属性解决图片位置偏移的问题，具体可按以下步骤操作：

• 强制使用CSS缩放逻辑，避免内置canvas渲染的坐标计算偏差，添加配置[useOnlyCssZoom]="true"
• 固定以文档原始尺寸渲染，避免缩放比例适配导致的元素位移，添加配置[pdfDefaultZoomLevel]="'actual-size'"
• 排查文本层影响：你当前开启了[textLayer]="true"，如果不需要文本选中功能，可先将其设为false测试是否是文本层渲染挤压导致的图片偏移；如果需要保留文本层，可额外添加[textLayerMode]="2"优化文本层坐标匹配精度
• 移除非必要的延迟渲染配置：你当前设置的delayFirstView="1000"可能会因为资源加载时序问题导致渲染错位，无特殊需求可以直接删除该属性

调整后的参考代码如下：

<ngx-extended-pdf-viewer 
  [base64Src]="srcTMP2" 
  [useBrowserLocale]="true" 
  [showDownloadButton]="false"
  [enablePrint]="false" 
  [showPrintButton]="false" 
  [textLayer]="true"
  language="es-Es"
  [useOnlyCssZoom]="true"
  [pdfDefaultZoomLevel]="'actual-size'"
  [textLayerMode]="2"
>
</ngx-extended-pdf-viewer>

如果以上配置调整后仍有偏移，可以尝试升级ngx-extended-pdf-viewer到最新正式版，部分旧版本存在已知的元素渲染坐标计算bug。

内容的提问来源于stack exchange，提问作者Beimar Rojas