dmz社区

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 10141|回复: 47

[@] HTML5 SVG入门文本动画视频教程

[复制链接]

该用户从未签到

2970

主题

93

帖子

408

积分

会|员

Rank: 9Rank: 9Rank: 9

积分
408
发表于 2018-12-21 14:40:51 | 显示全部楼层 |阅读模式
程序人生
课程方向: 网页前端 
课程类型: 功能实现 

本站资源全部免费,回复即可查看下载地址!

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
5440b6f500013c5306000338-240-135.jpg
课程简介:
SVG 是 HTML5 中矢量图的标记语言,它保持了强大的绘图能力的同时,具有非常高端的使用接口,通过直接操作 Dom 节点的形式来操作图形。本课程意在让学生掌握 SVG 这门语言和它对应的一些 API,再结合2D绘图的知识,让学生具有对页面复杂图形的渲染和控制能力。

课程须知:
1.具备HTML+CSS知识基础;2.对CSS3有一定了解;3.具备一定JS的知识

课程能学到什么?
让学生能熟悉使用 SVG 在实际的 Web 项目中进行一些 2D 绘图、特效的开发。

课程目录:
第1章 SVG 入门
介绍 SVG 的技术背景,介绍 SVG 的使用方法、基本图形、基本属性以及基本编程接口,让观众对 SVG 有一个大概的了解,并且通过一个综合的例子「SVG 编辑器」将本章知识点串联起来。
1-1 SVG简介 (06:40)
1-2 SVG的图形和属性 (05:46)
1-3 基本操作API (03:23)
1-4 综合实例:SVG编辑器 (14:21)
1-5 本章总结 (01:30)
第2章 SVG 中的坐标系统
让学生理解 SVG 中的坐标系统的概念。分别讲述视窗和视野的概念、使用  标签进行图形分组、以及坐标系和坐标变换的概念及应用。
2-1 SVG-视野的概念 (12:14)
2-2 SVG-分组的概念 (03:44)
2-3 SVG-坐标系统概述 (02:19)
2-4 SVG-四个坐标系 (09:54)
2-5 SVG-坐标变换 (17:32)
第3章 颜色、渐变和笔刷
讲述在 SVG 中如何使用颜色、渐变以及笔刷进行丰富的填充和描边。
3-1 SVG-RGB和HSL (06:38)
3-2 SVG-线性渐变和径向渐变 (07:53)
3-3 SVG-使用笔刷 (06:49)
第4章 Path 高级教程
讲述使用 Path 进行任意图形绘制的命令格式,介绍贝塞尔曲线的概念。然后简单介绍如何把任意 Path 转换成贝塞尔曲线之后制作图形补间。
4-1 Path概述 (05:16)
4-2 移动和直线命令 (06:04)
4-3 弧线命令 (10:13)
4-4 贝塞尔曲线命令(C、Q) (12:14)
4-5 光滑贝塞尔曲线命令(T、S) (07:00)
4-6 回顾与思考 (01:55)
第5章 SVG 文本
介绍 SVG 中文本的使用、定位,路径文本的使用。顺便介绍在 SVG 中使用超链接的方法。
5-1 SVG-、 以及其属性 (14:26)
5-2 SVG-利用 dy 属性实现波浪文字效果 (13:36)
5-3 SVG-垂直居中问题 (08:44)
5-4 SVG-路径文本 (13:33)
5-5 SVG-使用脚本控制路径文本 (12:37)
5-6 使用超链接 (02:28)
第6章 图形引用、裁切和蒙版
介绍在 SVG 中如何引用其它图形作为替身,如何用裁剪和蒙版做出更高级的图形效果。
6-1 use标签创建图形引用 (12:31)
6-2 clip标签裁切图形 (09:55)
6-3 mask标签创建蒙版 (11:19)
6-4 总结 (01:57)
第7章 SVG 动画
介绍一下动画的基本概念,以及在 SVG 中创建动画的两种方式。使用一个引人入胜的例子来介绍。
7-1 SVG-动画原理 (04:21)
7-2 SVG-基本动画和变换动画 (18:08)
7-3 SVG-轨迹移动 (06:13)
7-4 SVG-力导向图 (22:15)
第8章 总结
本章主要对我们的正门课程的知识点做一个总结,帮助大家梳理一下整个课程
8-1 总结 (02:13)


游客,如果您要查看本帖隐藏内容请回复

温馨提示:
1、本站所有内容均为互联网收集或网友分享或网络购买,本站不破解、不翻录任何视频!
2、如本帖侵犯到任何版权问题,请立即告知本站,本站将及时予与删除并致以最深的歉意!
3、本站资源仅供本站会员学习参考,不得传播及用于其他用途,学习完后请在24小时内自行删除.
4、本站资源质量虽均经精心审查,但也难保万无一失,若发现资源有问题影响学习请一定及时点此进行问题反馈,我们会第一时间改正!
5、若发现链接失效了请联系管理员,管理员会在2小时内修复
6、如果有任何疑问,请加客服QQ:1300822626 2小时内回复你!
回复

使用道具 举报

  • TA的每日心情
    奋斗
    2020-9-1 16:50
  • 签到天数: 22 天

    [LV.4]偶尔看看III

    0

    主题

    133

    帖子

    510

    积分

    终身会员[A]

    Rank: 7Rank: 7Rank: 7

    积分
    510

    发表于 2019-4-4 10:07:56 | 显示全部楼层
    第三方水电费水电费水电费
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    奋斗
    2024-11-26 15:56
  • 签到天数: 245 天

    [LV.8]以坛为家I

    0

    主题

    3995

    帖子

    8832

    积分

    超凡入圣

    Rank: 10Rank: 10Rank: 10

    积分
    8832

    发表于 2019-4-20 12:49:19 | 显示全部楼层
    不错的教程 感谢楼主分享 值得学习HTML5
    回复 支持 反对

    使用道具 举报

  • TA的每日心情

    2020-5-2 17:14
  • 签到天数: 22 天

    [LV.4]偶尔看看III

    1

    主题

    97

    帖子

    357

    积分

    豁然贯通

    Rank: 4

    积分
    357

    发表于 2019-6-15 23:46:56 | 显示全部楼层
    不错的教程  值得学习HTML5
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2023-4-27 20:21
  • 签到天数: 18 天

    [LV.4]偶尔看看III

    0

    主题

    51

    帖子

    176

    积分

    终身会员[A]

    Rank: 7Rank: 7Rank: 7

    积分
    176

    发表于 2019-9-14 11:33:09 | 显示全部楼层
    很符合符合规范规划
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    郁闷
    昨天 17:47
  • 签到天数: 285 天

    [LV.8]以坛为家I

    2

    主题

    568

    帖子

    2132

    积分

    终身会员[B]

    积分
    2132

    发表于 2019-10-10 15:44:59 | 显示全部楼层
    水电费水电费发的s
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2020-1-3 09:15
  • 签到天数: 15 天

    [LV.4]偶尔看看III

    0

    主题

    92

    帖子

    308

    积分

    豁然贯通

    Rank: 4

    积分
    308

    发表于 2019-12-30 13:18:49 | 显示全部楼层
    HTML5 SVG入门文本动画视频教程
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    擦汗
    2021-8-12 16:01
  • 签到天数: 35 天

    [LV.5]常住居民I

    0

    主题

    86

    帖子

    262

    积分

    终身会员[A]

    Rank: 7Rank: 7Rank: 7

    积分
    262

    发表于 2020-5-21 08:24:26 | 显示全部楼层
    hadhm,如果您要查看本帖隐藏内容请回复
    回复 支持 反对

    使用道具 举报

  • TA的每日心情

    2024-11-8 03:09
  • 签到天数: 230 天

    [LV.7]常住居民III

    2

    主题

    570

    帖子

    1811

    积分

    终身会员[A]

    Rank: 7Rank: 7Rank: 7

    积分
    1811

    QQ
    发表于 2020-7-6 16:12:08 | 显示全部楼层
    QWERQWEQERQWERQWER
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    无聊
    昨天 16:18
  • 签到天数: 1191 天

    [LV.10]以坛为家III

    1

    主题

    2075

    帖子

    7493

    积分

    终身会员[A]

    Rank: 7Rank: 7Rank: 7

    积分
    7493

    发表于 2020-7-18 10:48:29 | 显示全部楼层
    hjgfjfghjfghjghjfgjfgjfghj
    回复 支持 反对

    使用道具 举报

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

    本版积分规则

    QQ|Archiver|小黑屋|本站代理|dmz社区

    GMT+8, 2024-12-24 00:37 , Processed in 0.207084 second(s), 48 queries .

    Powered by Discuz! X3.4 Licensed

    Copyright © 2001-2021, Tencent Cloud.

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