请选择 进入手机版 | 继续访问电脑版

HTML5星空

HTML5多媒体 三维、图形与特效

[复制链接]
发表于 2016-10-10 18:09:34 | 显示全部楼层 |阅读模式
音频和视频 (Audio)Audio和Video是首批添加到HTML规范中的标签。它们的加入使得我们可以像插入图片一样来处理音频及视频文件。
<audio src="sound.mp3" controls></audio>
<video src="movie.webm" autoplay controls></video>

1866.tm.png
三维、图形与特效

Canvas 画布元素
传统的网页,总是使用GIF或者JPEG来显示图像,这种图形是需要事先画好的“静态”的图像。而Canvas,则是用Javascript的一种绘图手段。
可以用它来画图、合成图象、或做简单的(和不那么简单的)动画。
  1. <canvas id="canvas" width="300" height="300"></canvas>

  2. <script>
  3.   var ctx = document.getElementById("canvas").getContext("2d");
  4.   ctx.fillRect(20, 25, 150, 100);
  5.   
  6.   ctx.beginPath();
  7.   ctx.arc(220, 110, 100, Math.PI * 1/2, Math.PI * 3/2);
  8.   ctx.lineWidth = 15;
  9.   ctx.lineCap = 'round';
  10.   ctx.strokeStyle = 'rgba(255, 127, 0, 0.5)';
  11.   ctx.stroke();
  12. </script>
复制代码











回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快讯
发布主题 快速回复 返回列表

     京ICP备14042305号

html5star team © 2012-2013 html5星空 Comsenz Inc.

GMT+8, 2019-9-24 04:51 , Processed in 0.110673 second(s), 32 queries .

快速回复 返回顶部 返回列表