簡體   English   中英

無法在PhoneGap Windows Phone 8中將圖像加載到HTML5畫布

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

我正在嘗試使用畫布在屏幕上繪制圖像,當我得到時:' 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的Web視圖中沒有發現畫布的兼容性,因此我想這沒有問題,而問題僅在這里。

我期待制作一種具有導航功能(如路徑查找等)的地圖,如果還有另一種方法(可能更簡便)也很好。

提前致謝

ps-這是一個代碼示例,而不是我的代碼

更新:問題主要是我沒有在模擬器上和實際的Windows Phone上嘗試過,我在Android手機上嘗試了它,但效果很好,並且由於phonegap不是特定於平台的,因此我認為Windows Phone還是一樣的。 將在實際的Windows Phone上嘗試並更新帖子

感謝所有幫助的人

設備和Windows Phone的當前仿真器均支持canvas元素。 我只是在一個非常簡單的示例中對其進行了重新測試,並顯示了畫布內容。

如果帶有canvas元素的網頁沒有HTML5文檔類型:

<!DOCTYPE html>

它可能不起作用。 如有必要,您可以輸出document.documentMode的值來進行進一步的故障排除。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM