[问题] 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