如何用Adobe Edge做一个最简单的HTML5动画

1、首先在如图位置，用鼠标右击。点击新建合成组。

2、在d出的面板中，设置下面的持续时间为三秒，点击确定。

3、然后在下面的面板中，鼠标右击，点击新建，选择固态层。

4、在d出的固态层设置中，设置宽高为200px,选择颜色为黄色,点击确定。

5、下面我们已经建了一个固态层,点击键盘上的p键,调出位置功能。

6、点击位置前面的秒表。

7、然后拖动时间轴，在拖动上面的黄色方块。

8、这样一个简单的动画就做好了，点击右上角预览控制台中的播放按钮，就可以看见一个运动的黄色方块了。

很抱歉，Microsoft Edge 浏览器不支持输入200字以上的回答。Microsoft Edge 浏览器主要用于网页浏览，而不是输入文字。如果您想输入200字以上的回答，我建议您使用其他浏览器，比如 Google Chrome 或 Mozilla Firefox。

IE9支持部分，IE10+支持。Chrome3-5支持大部分，Chrome6+支持。iPad3.2+自带浏览器支持大部分。 *** 作方法如下：

1、首先创建一个新的html文件，简单重置样式，添加canvas，给画布一个红色背景。

2、这里用jquery写，所以先引入jquery，可以看到默认下的canvas的画布大小 300*150。

3、编写resizeCnavas方法，用来动态获取并改变canvas的大小。

4、在页面加载完先对canvas进行一次画布的设置。

5、窗口大小发生改变时，动态调用上面的方法。

6、最后再次打开浏览器，就获得了自适应的canvas画布。

---