我对这个简单的 html5 文件有疑问：
var canvas = window.__canvas = new fabric.Canvas('c');
canvas.backgroundColor = '#efefef';
canvas.freeDrawingBrush.width = 10;
canvas.renderAll();
document.getElementById('drawingMode').addEventListener('click', function(e) {
e.target.innerHTML = canvas.isDrawingMode ? 'Start freedrawing' : 'End freedrawing';
canvas.isDrawingMode = !canvas.isDrawingMode;
});canvas {
border: 1px solid #ccc;
padding: 20px;
}
/*.canvas-class {
border-left: 20px solid black;
padding: 20px;
}*/<button id="drawingMode">Start freedrawing</button>
<div class="wrapper">
<canvas id="c" class="canvas-class" width="400" height="300" style="border:1px solid #ccc;"></canvas>
</div>这是一个带有 javascript 实现的简单 html5 文件，您可以在其中简单地在画布上绘制。它适用于 Windows 7（我的旧笔记本电脑）上的所有浏览器。但是在 Windows 8（我的新笔记本电脑）上使用 Chrome 和 Firefox，你不能画任何东西，它不起作用！
Windows 7 上的绘图模式：
- 铬：好的
- 火狐：好的
- 歌剧：好的
- ie10：好的
- 野生动物园：好的
Windows 8 上的绘图模式：
- 铬：没有
- 火狐：没有
- 歌剧：好的
- ie10：好的
- 野生动物园：好的
有人可以请问题是什么吗？奇怪的是，DrawingMode 在 chrome 和 firefox 上不起作用，但在 Windows 8 下的 Opera、IE10 和 Safari 上运行良好。