canvas教程

《Lynda.com出品HTML5图形和动画视频教程》(Lynda.com HTML5 Graphics and Ani

字号+ 作者:H5之家 来源:H5之家 2015-10-09 17:11 我要评论( )

简介: 简介: 语言:英语 网址: 类别:教程 Lynda.com 出品的时长3小时7分钟的 HTML5图形和动画视频教程。由Joe Marini 讲述画布背后的技术概念,并介绍如何执行绘制在网页中直接操作。课程内容包括绘制基本和复杂的形状,颜色和样式设置,添加阴影,如缩放

简介: 简介:


语言:英语
网址:
类别:教程
Lynda.com 出品的时长3小时7分钟的 HTML5图形和动画视频教程。由Joe Marini 讲述画布背后的技术概念,并介绍如何执行绘制在网页中直接操作。课程内容包括绘制基本和复杂的形状,颜色和样式设置,添加阴影,如缩放,图案和渐变,更先进的技术,旋转,合成对象,以及如何将在幻灯片和动画canvas元素。练习文件将包括在该课程。
One of the most exciting additions that HTML5 offers to designers is the ability to draw free-form graphics on a drawing surface known as the Canvas. In this course, author Joe Marini introduces the technical concepts behind Canvas and shows how to perform drawing operations directly in a web page. The course covers drawing basic and complex shapes, setting colors and styles, adding shadows, patterns, and gradients, more advanced techniques such as scaling, rotating, and compositing objects, and how to incorporate Canvas elements in a slideshow and an animation. Exercise files are included with the course.
Topics include:
Understanding the differences between Canvas and SVG Graphics
Drawing shapes
Drawing arcs and paths
Rendering text
Using clipping paths
Drawing images and video
Transforming objects with the translate tag
Manipulating raw pixels
Applying a custom transformation
Creating an animation or slideshow control with Canvas
Course name: HTML5: Graphics and Animation with Canvas
Author: Joe Marini
Duration: 03h 07m
Released on: 6/3/2011


 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • html5canvas核心技术图形、动画与游戏开发源码

    html5canvas核心技术图形、动画与游戏开发源码

    2017-05-02 17:42

  • 打印html5中Canvas的方法

    打印html5中Canvas的方法

    2017-05-01 15:03

  • HTML5+Canvas调用手机拍照功能实现图片上传(下)

    HTML5+Canvas调用手机拍照功能实现图片上传(下)

    2017-04-30 17:00

  • 学习慕课网canvas倒计时实例笔记

    学习慕课网canvas倒计时实例笔记

    2017-04-30 14:01

网友点评
t