Javascript Can';t在PhoneGap Windows Phone 8中将图像加载到HTML5画布
我试图使用画布在屏幕上绘制图像,当我这样做时,我得到:“Javascript Can';t在PhoneGap Windows Phone 8中将图像加载到HTML5画布,javascript,html,canvas,cordova,windows-phone-8,Javascript,Html,Canvas,Cordova,Windows Phone 8,我试图使用画布在屏幕上绘制图像,当我这样做时,我得到:“您的浏览器不支持画布元素。” <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
您的浏览器不支持画布元素。
”
<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>
您的浏览器不支持画布元素。
var c=document.getElementById(“myCanvas”);
var cxt=c.getContext(“2d”);
var img=新图像()
img.src=“img_flwr.png”;
img.onload=函数(){
cxt.drawImage(img,0,0);
};
经过一点研究,我在PhoneGap的webview中没有发现canvas的兼容性,所以我想这没有问题,问题就在这里
我期待着制作一张带有导航功能的地图,如路径查找等,如果有其他方法(可能更容易)也会很好
提前谢谢
p、 这是一个代码示例,不是我的代码
更新:
问题主要是我在模拟器上试过,而不是在实际的windows phone上试过,我在Android手机上试过,效果很好,而且由于phonegap不是特定于平台的,我认为windows phone也会如此。
将在实际的windows phone上试用并更新帖子
感谢大家的帮助,设备和当前Windows Phone模拟器都支持canvas元素。我只是在一个非常简单的示例中重新测试了它,并显示了画布内容 如果包含
canvas
元素的网页没有HTML5 doctype:
<!DOCTYPE html>
它可能不起作用。您可以输出
document.documentMode
的值,以便在必要时进一步排除故障。您的手机不支持canvas标记。听起来您使用的浏览器不支持canvas元素。是哪一个?IE 8?您还应该移动img.src=“img_flwr.png”代码>在img.onload=function…
下面,因为在某些情况下,当您之前设置src时,它不会触发onload。这可能是因为我正在使用仿真器吗?WindowsPhone 8仿真器作为WindowsPhone 8随附IE 10,IE 10具有画布支持,可以是。是否有一些菜单选项来显示浏览器版本?问题是仿真器不支持画布。