画布内容在Mac上的Chrome 49上消失，带有AngularJS工具提示_Angularjs_Canvas_Html5 Canvas_Angular Ui Bootstrap_Angular Ui

画布内容在Mac上的Chrome 49上消失，带有AngularJS工具提示

angularjs canvas html5-canvas

画布内容在Mac上的Chrome 49上消失，带有AngularJS工具提示,angularjs,canvas,html5-canvas,angular-ui-bootstrap,angular-ui,Angularjs,Canvas,Html5 Canvas,Angular Ui Bootstrap,Angular Ui,我遇到的问题是，当我在打开新选项卡的按钮上有工具提示时，HTTP画布的内容消失了这是一个非常特殊的症状，所以我会试着带你经历它我可以用以下HTML复制它，但不幸的是不能用plunker或JSFIDLE复制： <html> <head> <style> .container { height: 300px; width: 300px; } canvas

我遇到的问题是，当我在打开新选项卡的按钮上有工具提示时，HTTP画布的内容消失了

这是一个非常特殊的症状，所以我会试着带你经历它

我可以用以下HTML复制它，但不幸的是不能用plunker或JSFIDLE复制：

<html>
<head>
    <style>
        .container {
            height: 300px;
            width: 300px;
        }

        canvas {
            border: 1px solid black
        }

        button {
            margin-top: 15px;
        }
    </style>
</head>

<body ng-app="CanvasTooltipApp">
    <div ng-controller="CanvasTooltipCtrl" class="container">
        <canvas id="myCanvas" height="300"></canvas>
        <button type="button" ng-click="clickMe()" tooltip="The Tooltip Text">Click Me</button>
    </div>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.15/angular.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.14.3/ui-bootstrap-tpls.js"></script>

    <script>
        angular.module('CanvasTooltipApp', ['ui.bootstrap']);

        angular.module('CanvasTooltipApp').config(function($tooltipProvider) {
            $tooltipProvider.options({popupDelay: 1500});
        });

        angular.module('CanvasTooltipApp').controller('CanvasTooltipCtrl', function($scope) {
            var canvas = document.getElementById('myCanvas');
            var ctx = canvas.getContext('2d');
            ctx.beginPath();
            ctx.arc(95, 50, 40, 0, 2 * Math.PI);
            ctx.stroke();

            $scope.clickMe = function() {
                window.open('http://www.google.com', '_blank');
            };
        });
    </script>
</body>
</html>


.集装箱{
高度：300px；
宽度：300px；
}
帆布{
边框：1px纯黑
}
钮扣{
边缘顶部：15px；
}
点击我
angular.module（'canvastooltipap'，['ui.bootstrap']）；
angular.module（'canvastooltipap'）.config（函数（$tooltipProvider）{
$tooltipProvider.options（{popupDelay:1500}）；
});
角度.module（'canvastooltipap'）。控制器（'CanvasTooltipCtrl'，函数（$scope）{
var canvas=document.getElementById（'myCanvas'）；
var ctx=canvas.getContext（'2d'）；
ctx.beginPath（）；
ctx.arc（95,50,40,0,2*Math.PI）；
ctx.stroke（）；
$scope.clickMe=函数（）{
打开窗户http://www.google.com","空白",；
};
});

它只能在Mac上的Chrome 49上复制

复制：单击按钮（在工具提示出现之前！），将打开一个新选项卡。等几秒钟。也许可以打开另一个新标签。然后关闭所有选项卡并返回到原始选项卡。画布的形状应该消失

我使用AngularJS 1.3.15和AngularUI引导程序0.14.3。它似乎没有复制一个简单的引导工具提示。只有使用angular ui引导才能复制它

升级angular ui引导版本没有帮助

它不会在其他浏览器或其他操作系统上复制

我想就是这样。我希望你甚至能成功地复制它，而不用一把小提琴

无论如何，非常感谢！

丹尼尔

我自己也打过这个球，虽然情况稍有不同（），但我有一个突然袭击：

窗口模式（症状出现的地方）：

HTML:

看起来是同一个问题。我已经提交了一份Chrome bug报告。

很有趣，谢谢您的参考。你可以发布一个Chrome bug报告的链接吗？谢谢，Chrome刚刚自动更新到49.0.2623.108，bug已经消失了。我也不能复制你的，所以我建议你更新！这是在这一滴铬中修复的错误报告-好吧，非常感谢。Chrome更新似乎也解决了我的问题。

<div>
  <div>
    <input type="number" class="form-control" placeholder="Focus here" />
  </div>
  <div>
    <div>
      <canvas id="line" class="chart chart-line" chart-data="data" chart-labels="labels" chart-legend="true" chart-series="series">
      </canvas>
    </div>
  </div>
</div>