在画布或区域上缩放HTML页面

时间:2013-09-04 06:17:34

标签: javascript html html5 canvas autoscaling

我正在生成一个HTML发票页面,该页面稍后会转换为A4页面PDF并使用PDF.js在画布上显示生成的PDF

随着平板电脑/手机的大量文字表现受到影响。我需要在确切的预定义像素大小上安装该页面。缩放PDF(或者我可以从PDF生成图像并进行缩放)很容易,但PDF性能不是很好,缩放后的图像变得模糊不清。

现在我正在考虑只显示原始HTML - 出色的性能和清晰的文本,但我该如何扩展它?设置字体大小,以便我的页面适合预定义的大小区域?那有没有JavaScript库? 我尝试使用谷歌搜索,但关键字“HTML”和“页面”非常通用,因此结果很适合。

作为一个备份计划我正在考虑“解析那个HTML”并且只是在画布上使用drawText,但这似乎有点工作。

如何在具有精确宽度/高度的div / canvas中缩放HTML页面?

1 个答案:

答案 0 :(得分:0)

如果你去HTML路线,你可以使用2d变换。让缩放控件控制缩放值。它可以通过包含您的发票HTML的div上的javascript控制。

http://caniuse.com/transforms2d