带有Canvas的HTML5 / JavaScript文件无法在Windows 8上与Chrome和Firefox一起使用,但适用于Windows 7上的所有浏览器.为什么?

前端之家收集整理的这篇文章主要介绍了带有Canvas的HTML5 / JavaScript文件无法在Windows 8上与Chrome和Firefox一起使用,但适用于Windows 7上的所有浏览器.为什么?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有这个简单的 html5文件的问题:
  1. var canvas = window.__canvas = new fabric.Canvas('c');
  2. canvas.backgroundColor = '#efefef';
  3. canvas.freeDrawingBrush.width = 10;
  4. canvas.renderAll();
  5.  
  6. document.getElementById('drawingMode').addEventListener('click',function(e) {
  7. e.target.innerHTML = canvas.isDrawingMode ? 'Start freedrawing' : 'End freedrawing';
  8. canvas.isDrawingMode = !canvas.isDrawingMode;
  9. });
  1. canvas {
  2. border: 1px solid #ccc;
  3. padding: 20px;
  4. }
  5. /*.canvas-class {
  6. border-left: 20px solid black;
  7. padding: 20px;
  8. }*/
  1. <button id="drawingMode">Start freedrawing</button>
  2. <div class="wrapper">
  3. <canvas id="c" class="canvas-class" width="400" height="300" style="border:1px solid #ccc;"></canvas>
  4. </div>

这是一个简单的html5文件,带有javascript实现,你可以在画布上绘图.它适用于Windows 7(我的旧笔记本电脑)上的所有浏览器.
但是使用Chrome& Windows 8上的Firefox(我的新笔记本电脑)你无法绘制任何东西,它不起作用!

Windows 7上的绘图模式:

>铬:好的
> firefox:好的
>歌剧:好的
> ie10:好的
>野生动物园:好的

Windows 8上的绘图模式:

>铬:没有
> firefox:没有
>歌剧:好的
> ie10:好的
>野生动物园:好的

请问有人问题是什么?奇怪的是,DrawingMode不适用于chrome和firefox,但在Windows 8下的opera,IE10和Safari上工作正常.

解决方法

Fabric.js认为您的Chrome / Firefox已启用触控功能,因此它会将自身附加到触摸事件而不是鼠标事件.

我不太清楚这是Chrome / Firefox或Fabric中的错误还是两者兼而有之.

https://github.com/kangax/fabric.js/issues/670https://github.com/kangax/fabric.js/issues/450

猜你在找的HTML5相关文章