Question

我尝试使用全屏模式（HTML5全屏）作为Fabric.js的画布对象。

var canvas = fabricCanvas.getSelectionElement();
if(canvas.requestFullScreen) {
    canvas.requestFullScreen();
}
else if(canvas.webkitRequestFullScreen) {
    canvas.webkitRequestFullScreen();
}
else if(canvas.mozRequestFullScreen) {
    canvas.mozRequestFullScreen();
}

问题是，事件不能以全屏模式运行。我认为这是由于在Fabric中使用2幅画布引起的：画面较低，事件较高。在传递到全屏模式期间，下部画布变为＆＃34;上部＆＃34;。另外，我试过了：

var canvas = fabricCanvas.getSelectionElement();

在这种情况下，有事件，但没有可视化。任何想法如何解决这个问题？

Answer 1

将包含选择和canvas元素的容器全屏显示。我对面料不太熟悉，你可以试试

var canvas = fabricCanvas.getSelectionElement().parentNode;
if(canvas.requestFullScreen) {
  canvas.requestFullScreen();
}
else if(canvas.webkitRequestFullScreen) {
  canvas.webkitRequestFullScreen();
}
else if(canvas.mozRequestFullScreen) {
  canvas.mozRequestFullScreen();
}

在fabric.js中可能有更好的方法来获取容器而不是.parentNode。

使用fabric.js的Canvas全屏模式

1 个答案: