您的位置：首页 > Web前端 > JavaScript

JS DOM编程艺术——HTML5—— JS学习笔记2015-7-24(第91天)

2015-07-24 23:48 681 查看

HTML5的vedio和audio元素，二者的兼容性目前不少很好，所以在写的时候要考虑到备用方案；

HTML5表单元素：email, url , data, number, range, search, tel, color

下面再放一个canvas的小实例：

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>canvas小实例</title>
</head>

<body>

<canvas id="draw-in-me" width="120" heigt="40">
<p>Powered By HTML5 canvas</p>
</canvas>
<script>
function draw(){
var canvas = document.getElementById('draw-in-me');
if(canvas.getContext){
var ctx = canvas.getContext('2d');
ctx.beginPath();
ctx.moveTo(120.0,32.0);
ctx.bezierCurveTo(120.0, 36.4, 116.4, 40.0, 112.0, 40.0);
ctx.lineTo(8.0, 40.0);
ctx.bezierCurveTo(3.6, 40.0, 0.0, 36.4, 0.0, 32.0);
ctx.lineTo(0.0, 8.0);
ctx.bezierCurveTo(0.0, 3.6, 3.6, 0.0, 8.0, 0.0);
ctx.lineTo(112.0, 0.0);
ctx.bezierCurveTo(116.4, 0.0, 120.0, 3.6, 120.0, 8.0);
ctx.lineTo(120.0, 32.0);
ctx.closePath();
ctx.fill();
ctx.lineWidth = 2.0;
ctx.strokeStyle = "rgb(255, 255, 255)";
ctx.stroke();

}
}

draw();

</script>
</body>
</html>

View Code

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航