我在网页上渲染.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,而无需对width
和height
进行硬编码。