課程
/前端開發
/Html5
/Canvas繪圖詳解
兩個canvas怎么重疊在一起
2017-12-09
源自：Canvas繪圖詳解 8-6
正在回答
贊！好用
??<!--?上面的HTML結構有誤?--> ??<div?class="canvas-wrapper"> ??????<canvas?id="canvas-1"?class="canvas"></canvas> ??????<canvas?id="canvas-2"?class="canvas"></canvas> ??</div>
<!DOCTYPE?html> <html> ??<head> ????<meta?charset="UTF-8"> ????<meta?name="viewport"?content="width=device-width,?initial-scale=1.0"> ????<meta?http-equiv="X-UA-Compatible"?content="ie=edge"> ????<title>canvas重疊</title> ????<style> ??????.canvas-wrapper?{ ????????position:?relative; ????????width:?600px; ????????height:?600px; ????????border:?1px?solid?black; ??????} ??????.canvas?{ ????????width:?400px; ????????height:?400px; ??????} ??????#canvas-1?{ ????????background-color:?#058; ????????top:?0; ????????left:?0; ??????} ??????#canvas-2?{ ????????background-color:?red; ????????top:?200px; ????????left:?200px; ??????} ??????.canvas?{ ????????position:?absolute; ??????} ????</style> ??</head> ??<body> ????<div> ??????<canvas?id="canvas-1"></canvas> ??????<canvas?id="canvas-2"></canvas> ????</div> ??</body> </html>
舉報
Canvas系列教程第二課,詳解Canvas各接口，讓同學徹底掌握Canvas繪圖
6 回答SVG與Canvas 可以重疊在一起嗎
1 回答關于星星重疊問題
1 回答如何處理星星不重疊呢？
2 回答如果要畫兩個或多個canvas怎么辦呢
3 回答Canvas重繪問題
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2020-02-13
贊！好用
2017-12-22
2017-12-22
<!DOCTYPE?html> <html> ??<head> ????<meta?charset="UTF-8"> ????<meta?name="viewport"?content="width=device-width,?initial-scale=1.0"> ????<meta?http-equiv="X-UA-Compatible"?content="ie=edge"> ????<title>canvas重疊</title> ????<style> ??????.canvas-wrapper?{ ????????position:?relative; ????????width:?600px; ????????height:?600px; ????????border:?1px?solid?black; ??????} ??????.canvas?{ ????????width:?400px; ????????height:?400px; ??????} ??????#canvas-1?{ ????????background-color:?#058; ????????top:?0; ????????left:?0; ??????} ??????#canvas-2?{ ????????background-color:?red; ????????top:?200px; ????????left:?200px; ??????} ??????.canvas?{ ????????position:?absolute; ??????} ????</style> ??</head> ??<body> ????<div> ??????<canvas?id="canvas-1"></canvas> ??????<canvas?id="canvas-2"></canvas> ????</div> ??</body> </html>