如何将画布置于身体中(水平和垂直)? 我想中心这样的:http://invisiblelabs.net/ex4.html如何居中画布?
如何居中画布?
回答
head标签内添加这样的:
<style type="text/css">
#box {
height:400px;
width:200px;
background:#FFF;
position:absolute;
left:50%;
top:50%;
margin:-150px 0 0 -250px;
}
.thecanvas {
height:200px;
width:100px;
background:#FFF;
position:absolute;
}
</style>
加上当前canvas元素替换此:
<div id="box">
<canvas id="thecanvas" width="400" height="200">
Your browser does not support the HTML5 canvas element.
</canvas>
</div>
我对我的作品,我希望它也适合你。
感谢您的回答,但它的工作部分 - http://invisiblelabs.net/partiallyworks.html – user2696392
@ user2696392什么是“部分”为你工作?你正在使用哪种浏览器?当你评论时请使用@ jediah,所以我直接注意到了。 – jediah
@ user2696392我在Firefox,Chrome,Safari,Opera和不同版本的Internet Explorer中测试了它。所有相同的结果。 – jediah
- 1. 如何在html5中居中画布
- 2. HTML5画布 - 字母居中?
- 3. 居中我的O3D画布
- 4. 如何在JavaScript中将画布中的图像居中?
- 5. 在画布中绘图不居中
- 6. 无法在画布中居中文本
- 7. 在画布中居中对象
- 8. 如何将画布居中在屏幕中央
- 9. 动画画布形状从任何位置居中
- 10. 画布上的居中文字?
- 11. 画布可绘制和居中缩放
- 12. 在给定点处居中画布
- 13. 我可以居中画布图像
- 14. 如何使用CreateJS在画布上居中放置图像
- 15. 如何在画布上调整居中图像的大小?
- 16. 如何用CSS和Javascript制作居中的画廊布局?
- 17. 如何居中所有图层的画布?
- 18. 如何居中FabricJS画布背景图片?
- 19. ReportLab:如何在画布上居中放置图像
- 20. 如何将通过画布创建的形状居中?
- 21. 如何正确地居中一个WPF画布?
- 22. 如何将居中的多色文字写入画布?
- 23. 如何居中布局? - 线性布局
- 24. 如何动态调整大小和居中Flash CreateJS画布元素动画
- 25. 如何居中关键帧动画?
- 26. WPF:如何居中和动画ItemsControl?
- 27. 如何在布局中居中TextView?
- 28. 居中动画Divs
- 29. 如何布置UILabel和UIButton并居中?
- 30. 如何居中查看内部布局
可能重复的[如何在div中居中div - 水平?](http://stackoverflow.com/questions/114543/how-to-center-a-div-in-a-div-horizontally) –