如何將畫布置於身體中(水平和垂直)? 我想中心這樣的: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) –