将pdf对象的大小调整为父div大小

时间:2017-10-20 08:31:01

标签: html css angularjs html-object

我在网页上渲染.pdf和.png文件。

<table class="table">
  ...
    <tr ng-if=collapseimg >
      <td colspan="100%">
        <div ng-if="report._source.attachment && report._source.attachment.charAt(0) === 'i'">
          <object data="data:image/png;base64,{{ report._source.attachment }}"></object>
        </div>
        <div ng-if="report._source.attachment && report._source.attachment.charAt(0) !== 'i'">
          <object data="data:application/pdf;base64,{{ report._source.attachment }}"></object>
        </div>
      </td>
    </tr>
  </tbody>
</table>

例如,report._source.attachment是base64编码的字符串,pdf字符串开始JVBERi0x...和png字符串 - iVBORw0KGgo...

我的风格(减少)规则:

  object {
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
  }

  embed {
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
  }

图像(png)正确调整大小。但上面的风格对pdf没有任何影响。

如何调整pdf大小以适合父div大小?

这是a simulation in plunker。我需要的是相同大小的pdf和png,而无需对widthheight进行硬编码。

0 个答案:

没有答案