无法在 PhoneGap Windows Phone 8 中将图像加载到 HTML5 画布答案

【问题标题】：Can't load images to a HTML5 canvas in PhoneGap Windows Phone 8无法在 PhoneGap Windows Phone 8 中将图像加载到 HTML5 画布
【发布时间】：2014-03-22 02:14:54
【问题描述】：

我正在尝试使用画布在屏幕上绘制图像，当我这样做时，我得到：'Your browser does not support the canvas element.'。

<canvas id="myCanvas" width="200" height="100" style="border:1px solid #c3c3c3;">
    Your browser does not support the canvas element.
</canvas>

<script type="text/javascript">
    var c = document.getElementById("myCanvas");
    var cxt = c.getContext("2d");
    var img = new Image()
    img.src = "img_flwr.png";
    img.onload = function () {
        cxt.drawImage(img, 0, 0);
    };
</script>

经过一番研究，我没有发现PhoneGap的webview中画布的兼容性，所以我想没有问题，问题只是在这里。

我期待制作具有路径查找等导航功能的地图，如果有另一种方式（可能更简单）也会很棒。

提前致谢

p.s - 这是一个代码示例，不是我的代码

更新：问题主要是我在模拟器上尝试而不是在实际的 Window 手机上尝试，我在我的 Android 手机上尝试过它并且效果很好，而且由于 phonegap 不是特定于平台的，我认为它对于 Windows 手机来说是一样的。将在实际的 Windows 手机上试用并更新帖子

感谢所有帮助过的人

【问题讨论】：

您的手机不支持canvas标签。
听起来你使用的浏览器不支持canvas元素。哪一个？ IE 8？此外，您应该将img.src = "img_flwr.png"; 移动到img.onload = function ... 下方，因为在某些情况下，当您之前设置 src 时它不会触发 onload。
可能是因为我在使用模拟器吗？ WindowsPhone 8 模拟器
因为 Windows Phone 8 附带了支持画布的 IE 10，所以它可能是。是不是有一些菜单选项可以显示浏览器版本？
模拟器的问题，不支持Canvas。

标签： javascript html canvas cordova windows-phone-8

【解决方案1】：

设备和当前的 Windows Phone 模拟器都支持 canvas 元素。我只是用一个很简单的例子重新测试了一下，画布内容就显示出来了。

如果带有canvas 元素的网页没有HTML5 doctype：

<!DOCTYPE html>

它可能不起作用。如有必要，您可以输出document.documentMode 的值以进一步排除故障。

【讨论】：