Javascript Fabric js-图像和文本框不在IOS纵向模式下显示

我使用fabric js在画布中渲染对象。在IOS设备中，图像和文本框不会以纵向模式显示。它们在适当的位置添加，当被选中时，它们也被选中，但不显示任何内容。同样在IOS横向模式、android设备和桌面上也能完美运行

我使用的是cssOnly和BackstoreOnly画布。 在jsFiddle中检查它

---

有人有同样的问题吗？

有人能帮忙吗？

 $(document).ready(function() {

   var backstoreOnlyCanvasWidth = 3586;
   var backstoreOnlyCanvasHeight = 5289;
   var cssOnlyCanvasWidth = 375;
   var cssOnlyCanvasHeight = 553;
   //   alert(fabric.devicePixelRatio);
   //  alert(window.devicePixelRatio);
   //var backstoreOnlyCanvasWidth = 3132;
   //var backstoreOnlyCanvasHeight = 4619;
   // var cssOnlyCanvasWidth = 375;
   // var cssOnlyCanvasHeight = 553;
   var artboardcanvas = new fabric.Canvas('myCanvas', {
     isDrawingMode: false,
     selection: false,
     allowTouchScrolling: true,
     enableRetinaScaling: false,
     preserveObjectStacking: true
     //rotatingPointOffset: imgDefaultRotatingPointOffset
   });
   artboardcanvas.setDimensions({
     width: Math.round(backstoreOnlyCanvasWidth),
     height: Math.round(backstoreOnlyCanvasHeight)
   }, {
     backstoreOnly: true
   });
   artboardcanvas.setDimensions({
     width: Math.round(cssOnlyCanvasWidth) + 'px',
     height: Math.round(cssOnlyCanvasHeight) + 'px'
   }, {
     cssOnly: true
   });


   // add stamp

   var stampUrl = 'https://picsum.photos/1167';
   var stampWidth = 1866.1109569039675;
   var stampHeight = 1866.1109569039675;
   var imgFromURL = new Image();
   imgFromURL.crossOrigin = "Anonymous";
   imgFromURL.src = stampUrl;

   imgFromURL.onload = function() {

     var leftTopPosition = {
       // "left": 1369.7833333333333,
       //  "top": 1866.1109569039675
       "left": 1200,
       "top": 1806
     };
     var stampImage = new fabric.Image(imgFromURL, {

       left: leftTopPosition.left,
       top: leftTopPosition.top,
       actualImgWidth: imgFromURL.width,
       actualImgHeight: imgFromURL.height,
       //height: stampHeight, width: stampWidth,
       //minScaleLimit: scallingLimit,
       //rotatingPointOffset: imgDefaultRotatingPointOffset,

       lockUniScaling: true,
       //clipTo: function(ctx) {
       //ClipObject(ctx, this);
       //}
     });



     stampImage.scaleToWidth(stampWidth);
     stampImage.scaleToHeight(stampHeight);
     artboardcanvas.add(stampImage);

     artboardcanvas.renderAll();
     //alert(stampImage.scaleX);
     //alert(stampImage.scaleY);
     imgFromURL.onload = null;


   };
 });