李炎恢HTML5视频材料分享-

学习《李炎恢HTML5视频教程》视频教程，将向大家细致介绍HTML5，HTML5是超文本标志说话（HTML）的第五次严重修改，即最新版本；它比本来的规范又添加了一些新的标签，实现更多功能，更规范化，更适用于挪移互联网。 学习《李炎恢HTML5视频教程》视频教程，将向大家细致介绍HTML5，HTML5是超文本标志说话（HTML）的第五次严重修改，即最新版本；它比本来的规范又添加了一些新的标签，实现更多功能，更规范化，更适用于挪移互联网。

视频播放地址：https://www.php1.cn/course/365.html

本课程的难点在于html5中的新增内容和canvas的用途：

许多绘图结果都是运用canvas来实现的，所以学好canvas是学好HTML5的关键所在。

1. canvas 简介

1.1 canvas 有哪些？

是HTML5中重要的元素,和audio、video元素相似完全不需要任何外部插件就能够运转.

Canvas中文翻译就是”画布”.它供给了强大的图形的处置功能(绘制,变换,像素处置…)。

但是需要注意，canvas 元素自身并不绘制图形，它只是相当于一张空画布。

要是开发者需要向 canvas 上绘制图形，则必需运用 JavaScript 足本进行绘制。

1.2 canvas 能够做什么？

根基图形的绘制

文字的绘制

图形的变形和图片的合成

图片和视频的处置

动画的实现

小游戏的制作

1.3 支撑的阅读器

大多数现代阅读器都是支撑Canvas的,比方 Firefox, safari, chrome, opera的比来版本以及IE9都支撑.

IE8及下列不支撑HTML5,但是我们可以进行提醒会员更新到最新的版本

1.4 对于canvas 标签的根本概念

在 HTML 页面上定义 canvas 元素与定义其他普通元素并无任何不一样，它吃了可以指定 id, style ,class ,hidden 等通用属性以外，还可以设定 width 和 height 两个属性。

为何要特地去说这个呢？

咱们在 章节 2.2 中细致去注明。

除此以外，我们在网页中定义 canvas 元素之后，它只是一张空白的画布，想要在画布上绘画，一定要经过下面几步。

猎取 canvas 元素对应的 DOM 对象，这必需是一个 canvas 对象

调取 canvas 对象的 getContext( ) 办法,该办法返回一个 canvasRenderingContext2D 对象，该对象可以绘制图形。

调取 canvasRenderingContext2D 对象的办法进行画图。

那么我们就来开端我们的canvas 实战，来看看 canvas 该怎样会绘制图形。

2.canvas 实战

2.1 查看目前阅读器对 canvas 的支撑状况

我们在上面也注明了，我们的一些阅读器是不支撑 canvas 的，这个时候我们应当怎么去做呢？

这时候我们可以直接在 canvas 标签之间去书写内容，这么做的益处是当你的阅读器不支撑 canvas 的时候，我们可以去展现标签之间的内容，概括如下。

  
   
   
   
  
  
  
    我们在设定 canvas 以前需要第一监测会员电脑可否支撑 canvas 
    
 

既然已经新建完成了概括的内容，那我们此刻可以瞧见了么？

我们虽然没有给定 canvas 的宽度和高度，但是现实上我们的canvas 在页面中是可见的。

需要注意，canvas 默许样式的宽度和高度 是 300px * 150px.

即便我们不去设定概括的宽度和高度，它也是可以显示的。

  
   
   
   
  
  
  
    我们在设定 canvas 以前需要第一监测会员电脑可否支撑 canvas 
     
 

以上就是李炎恢HTML5视频材料分享的细致内容，更多请关注 百分百源码网 其它相干文章！