位置:首頁 > 軟件操作教程 > 編程開發(fā) > HTML > 問題詳情

HTML5 在頁面中加入canvas

提問人:劉團(tuán)圓發(fā)布時(shí)間:2020-11-14

在HTML頁面中插入canvas元素非常直觀。

【例題】使用canvas元素

代碼如下:

<canvas width="300" height="300"></canvas>

    以上代碼會在頁面上顯示出一塊300pxx300px的區(qū)域。但是在瀏覽器中是看不見的,若需要很直觀地在瀏覽器中預(yù)覽效果的話,可以為canvas添加一些CSS樣式,如邊框和背景色,代碼如下:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>canvaas</title>

<style>

canvas{

border:2px solid red;

background:#ccc;

}

</style>

</head>

<body>

<canvas id="diagonal" width="300" height="300"></canvas>

</body>

</html>

image.png

繼續(xù)查找其他問題的答案?

相關(guān)視頻回答
回復(fù)(0)
返回頂部