国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > WEB開發 > 正文

canvas需要在標簽里直接定義寬高

2024-04-27 14:59:36
字體：大 中 小
來源：轉載
供稿：網友

以前用canvas畫圖時，都是直接在canvas標簽里直接寫上寬高，沒有問題，但也沒有探究過為什么寬高要直接寫在canvas標簽里，因為各個資料的例子上都是這么寫的。今天王sir提出了一個問題：如果把寬高寫在<style>里，看看會有什么不同。自己試了以下，果然有問題。

先看一下代碼：
代碼如下:


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>canvas</title>
<meta name="KeyWords" content="">
<meta name="author" content="@my_PRogrammer">
<style type="text/CSS">
body{margin:0;}
canvas{margin:20px;
/*width: 400px;
height: 300px;*/
}
</style>
</head>
<body onload="draw()">
<canvas id="canvas" width=400 height=300 style="border:1px solid #f00;"></canvas>
<script>
function draw() {
var canvas=document.getElementById('canvas');
var context=canvas.getContext('2d');
context.beginPath();
context.moveTo(20,20);
context.lineTo(200,100);
context.lineWidth=5;
context.stroke();
}
</script>
</body>
</html>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 象山县| 瑞昌市| 固始县| 天水市| 庆安县| 明光市| 西吉县| 安平县| 麟游县| 乡宁县| 志丹县| 福泉市| 澄江县| 马尔康县| 隆昌县| 汉源县| 元氏县| 石台县| 光泽县| 武定县| 东平县| 蓬溪县| 吉林省| 中宁县| 淮滨县| 丽江市| 五大连池市| 麻城市| 高雄市| 上林县| 黎城县| 罗甸县| 永福县| 吴旗县| 广宁县| 宜丰县| 翁源县| 达日县| 托克逊县| 财经| 荃湾区|