作者yabibear (yabi)
看板Ajax
标题[问题] canvas绘图无法在APP运作 在网页上正常
时间Wed Jun 8 18:26:54 2016
请问有没有人也用过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');
-------------------------------------------------
第二个范例的方式
body部分(画矩形)
<canvas id="myCanvas" width="300" height="150" style="border:1px solid #000;">
----------------------------------------------
script部分(画圆)
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.arc(95, 50, 50, 0, 2*Math.PI);
ctx.stroke();
所以除了width、height之外 CSS的部分好像也不能用来决定要画什麽(在APP上)。
我这样的理解对吗?
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 140.116.164.175
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Ajax/M.1465381617.A.193.html
1F：推 shadowjohn: phonegap+eclipse or xcode上实作canvas是可 06/08 20:28
2F：→ shadowjohn: vs2015倒是没拿来编过app 06/08 20:28
3F：→ shadowjohn: 你的<!doctype html> 注意一下 06/08 20:29
4F：→ shadowjohn: 然後canvas一定要dom出才画，不可临时改大小 06/08 20:29
5F：推 shadowjohn: 如果是eclipse，hardware acceleration有影响的 06/08 20:32
6F：→ yabibear: 感谢S大 我先研究一下DOM的部分 06/08 20:51
7F：→ yabibear: 请问在<body>的部分写<canvas id="" width=....> 06/08 21:27
8F：→ yabibear: 这样是不是就产生了DOM 06/08 21:28
9F：推 shadowjohn: $(dom).width、height皆要先设好，非css的 06/08 21:28
10F：→ yabibear: 在<script>用document.getElementById调用这个DOM 06/08 21:28
※ 编辑: yabibear (140.116.164.175), 06/08/2016 22:03:25
11F：→ rarex: 不晓得你的app是指哪个平台 ios的原生UIWebview还有android 06/11 00:19
12F：→ rarex: 的旧webview (<4.4)有很多API都有缺漏或不支援的情况 06/11 00:19