使用HTML5 canvas / CSS制作实际尺寸的打印输出

Question

我正在制作一个打印出来的网页，以便用户可以剪切出特定物理尺寸的模板，基本上是一个9英寸x 3.25英寸的矩形。我正在使用HTML5画布来绘制我的设计。我在CSS中使用9in将canvas元素的大小指定为3.25in，但打印预览似乎会因页面方向而异。

如何确保在任何打印机上以任何方向打印时，矩形 3 x 3.25英寸？

CSS：

canvas#c1 {
    width:9in;
    height:3.25in;
  }

HTML：

<canvas id="c1" width="900" height="325" ></canvas>