不能在PhoneGap Windows Phone 8中加载图像到HTML5画布

Can't load images to a HTML5 canvas in PhoneGap Windows Phone 8

本文关键字：图像 加载 HTML5 画布 PhoneGap Windows Phone 不能      更新时间：2023-09-26

我正在尝试使用画布绘制图像到屏幕，当我这样做时，我得到:' 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的兼容性，所以我想没有问题，问题就在这里。

我期待着做一个地图与导航功能，如寻径等，如果有另一种方式(可能更容易)，那将是伟大的太。

Thanks in Advance

p。S -这是一个代码示例，不是我的代码

更新:问题主要是我在模拟器上尝试，而不是实际的windows手机，我在我的Android手机上尝试了它，它工作得很好，因为phonegap不是特定于平台，我认为它对windows手机也是一样的。我会在真正的Windows手机上试试，然后更新post

thanks to everyone that help

canvas元素同时被设备和Windows Phone的当前模拟器所支持。我只是在一个非常简单的例子中重新测试了它，并且显示了画布内容。

如果含有canvas元素的网页没有HTML5 doctype:

<!DOCTYPE html>

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

相关文章：