[問題] canvas繪圖無法在APP運作 在網頁上正常

作者: yabibear (yabi)   2016-06-08 18:26:54
請問有沒有人也用過phonegap(cordova)+Visual stdio 2015開發APP,
目前需要用到canvas的繪圖功能,
先試著照範例畫個簡單的矩形,
但是在genymotion模擬器的APP上完全沒有作用,
不過將建置產生的html檔用瀏覽器執行的話就正常了,
這樣會是哪邊發生問題呢?
謝謝。
我好像發現原因了,又去找了不同網站的範例,
結果只有範例二可以在APP上WORK。
第一個範例畫矩形的方式好像是利用css決定他要畫什麼
<style type="text/css">
canvas { border: 1px solid black; }
</style>
在body部分只有指定id、width、height
script部分也只有取得渲染環境
var ctx = canvas.getContext('2d');
作者: shadowjohn (轉角遇到愛)   2016-06-08 20:28:00
phonegap+eclipse or xcode上實作canvas是可vs2015倒是沒拿來編過app你的<!doctype html> 注意一下然後canvas一定要dom出才畫,不可臨時改大小如果是eclipse,hardware acceleration有影響的
作者: yabibear (yabi)   2016-06-08 20:51:00
感謝S大 我先研究一下DOM的部分請問在<body>的部分寫<canvas id="" width=....>這樣是不是就產生了DOM
作者: shadowjohn (轉角遇到愛)   2016-06-08 21:28:00
$(dom).width、height皆要先設好,非css的
作者: yabibear (yabi)   2016-06-08 21:28:00
在<script>用document.getElementById調用這個DOM
作者: rarex (╰(〒皿〒)╯)   2016-06-11 00:19:00
不曉得你的app是指哪個平台 ios的原生UIWebview還有android的舊webview (<4.4)有很多API都有缺漏或不支援的情況

Links booklink

Contact Us: admin [ a t ] ucptt.com