需要关于下面画布的解释
需要关于下面画布的解释
提问于 2012-03-13 14:12:48
我尝试使用Html5+jquery开发iphone应用程序，所以我选择了一个框架名为jquery mobile。更多的是我对Html5和jquery的新手。好的，现在我的问题是，我有一个带有id背景的属性画布，在这个画布上我需要像这样做4个框(单元格)。
当我使用<div>属性时，这些框就会出现，如果我在HTML语言中使用<canvas>而不是<div>，框就不会出现。我在这里面临的问题是什么？
我的html：
<div id="background"> </div>我的css：
#background{
position:relative;
background-image:url(../images/bg.jpg);
width:300px;
height:300px;
border:2px solid #FFF;
}
#background .cell{
cursor: pointer;
float: left;
border: 1px solid #CCC;
width: 148px;
height: 148px;
line-height: 148px;
font-size: 30px;
text-align: center;
}我的jquery：
var columns = rows = 2;
$(document).ready(function() {
initGame();
});
function initGame()
{
for(i=0; i<columns*rows; i++)
{
var cell = $("<div></div>").addClass("cell").addClass("unselected").appendTo("#background");
if(i%columns == 0)
{
cell.before('<div class="clear"></div>');
}
}
}我正在替换<div>中的<canvas>。我得到的图像只有简单的背景。我需要知道到底发生了什么？否则我在做什么样的错误呢？
回答 1
Stack Overflow用户
发布于 2012-06-19 22:17:21
单元格可以是画布，但最外层的元素必须是div。
只有当浏览器不支持画布时，才会显示<canvas>标记内的所有超文本标记语言。这通常称为“回退内容”。所以画布当然可以在每个单元格中，但不能在外层表格中！
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/9679176
复制相关文章
相似问题
腾讯云开发者
