canvas需要在标签里直接定义宽高
摘要:以前用canvas画图时,都是直接在canvas标签里直接写上宽高,没有问题,但也没有探究过为什么宽高要直接写在canvas标签里,因为各个...
以前用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>
【canvas需要在标签里直接定义宽高】相关文章:
上一篇:
使用canvas绘制贝塞尔曲线
相关阅读
网友关注
- 魅族mx4 pro配置怎么样?魅族mx4 pro参数介绍
- htc eye怎么样?htc eye智能手机什么时候上市发布
- 三星S5代码有什么含义?三星S5手机指令代码大全
- 联想VIBE X2什么时候上市 联想手机VIBE X2上市时间在即
- 华为首款荣耀电信4g手机什么时候出?荣耀电信4g手机发布时间
- 三星Galaxy Note 4和Galaxy S5哪个比较好 三星 Note4和S5全面对比介绍
- 摩托罗拉新一代Moto X将于9月16日接受预订 合约价100美元
- 魅族MX4怎么装sim卡?魅族MX4手机卡安装示意图介绍
- 华为P7蓝宝石典藏版怎么样 华为P7蓝宝石版配置详情介绍
- 叫板苹果!华为Mate 7也能用支付宝指纹支付(指纹支付体验)
网友最新关注视频
- 北师大版数学四年级下册第三单元第四节街心广场
- 19 爱护鸟类_第一课时(二等奖)(桂美版二年级下册)_T502436
- 沪教版牛津小学英语(深圳用) 四年级下册 Unit 12
- 《小学数学二年级下册》第二单元测试题讲解
- 北师大版八年级物理下册 第六章 常见的光学仪器(二)探究凸透镜成像的规律
- 第8课 对称剪纸_第一课时(二等奖)(沪书画版二年级上册)_T3784187
- 沪教版八年级下册数学练习册21.4(1)无理方程P18
- 8.对剪花样_第一课时(二等奖)(冀美版二年级上册)_T515402
- 8.练习八_第一课时(特等奖)(苏教版三年级上册)_T142692
- 每天日常投篮练习第一天森哥打卡上脚 Nike PG 2 如何调整运球跳投手感?
精品推荐