jspdf x / y位置vs css left：顶部固定位置

Question

使用JsPDF生成与html / css中的样式相匹配的pdf。

我在这样的html中呈现三个项目（第一项，第二项和第三项）。

https://jsfiddle.net/nwyabsud/

        <img style="position:fixed;top:1cm;height:40mm;width:80mm;" src="//upload.wikimedia.org/wikipedia/en/thumb/3/37/Denny%27s_logo.svg/1280px-Denny%27s_logo.svg.png" class="img-responsive center-block" />
        <div style="position:fixed;top:5cm;left:10.5cm;">
            Item One
        </div>
        <div style="position:fixed;top:6cm;left:10.5cm">
            Item Two
        </div>
        <div style="position:fixed;top:7cm;left:10.5cm">
            Item Three
        </div>

并在jspdf中渲染三个元素，如下所示。

var doc = new jsPDF('portrait', 'mm', 'a4');
doc.addImage(this.config.header.img, // Image in base64 encoding
  this.config.header.format, // e.g. "JPEG" "PNG"
  this.config.pageCenter, // @x-axis: position of image from left                
  10, // @y-axis: position of image from top
  80, // @width: width of image                 
  40); // @height: height of image

doc.setFontSize(10);
doc.text(105, 50, 'Item One');
doc.text(105, 60, 'Item Two');
doc.text(105, 70, 'Item Three');

但是！它们的高度略有不同。有谁能发现为什么这些不会出现在同一高度？