- 阅读权限
- 255
- 威望
- 1 级
- 论坛币
- 84572 个
- 通用积分
- 11273.3116
- 学术水平
- 666 点
- 热心指数
- 821 点
- 信用等级
- 732 点
- 经验
- 398461 点
- 帖子
- 16348
- 精华
- 0
- 在线时间
- 3317 小时
- 注册时间
- 2016-7-9
- 最后登录
- 2024-5-28
大师
还不是VIP/贵宾
- 威望
- 1 级
- 论坛币
 - 84572 个
- 通用积分
- 11273.3116
- 学术水平
- 666 点
- 热心指数
- 821 点
- 信用等级
- 732 点
- 经验
- 398461 点
- 帖子
- 16348
- 精华
- 0
- 在线时间
- 3317 小时
- 注册时间
- 2016-7-9
- 最后登录
- 2024-5-28
 | 开心 昨天 08:42 |
|---|
签到天数: 2530 天 连续签到: 3 天 [LV.Master]伴坛终老 |
经管之家送您一份
应届毕业生专属福利!
求职就业群
感谢您参与论坛问题回答
经管之家送您两个论坛币！
+2 论坛币
4.9Canvas实现动画效果
清除Canvas的内容：
ctx.filleStyle="blue";
ctx.fillRect(0, 0, 400, 200);
ctx.clearRect(50, 50,150,100);
创建动画
动画的开始与停止：
<button>开始</button>
<button>停止</button>
设置实践间隔为10ms，并用变量tt接收返回值。
更多的JavaScript代码，另行学习。
ch5. HTML5 SVG
SVG是一种矢量图像，不同于一般的矢量图像，具有XML的属性，且只需要一个SVG元素就可以完成一幅图像的绘制
（scalable Vector Graphics）
一种用来绘制矢量图的HTML5标签，由万维网联盟指定，基于一种可扩展标记语言，用于绘制二维可缩放矢量图形
允许三种类型的图形对象：矢量图形、图像、文本。
图像在放大或缩小的情况下，图形质量不会有损失。
优势：
- 与JPEG和GIF图像相比，尺寸更小，可压缩性更强。
- 在任何分辨率下被高质量打印。
- 可伸缩的矢量图形
- 放大和缩小情况下，图像质量不会下降
- 可以与Java技术一起运行
- 开放的标准
- 是一种XML文本
示例一：将SVG直接嵌入HTML5页面中
<!DOCTYPE html>
<html>
<head>
<title>5.2.1.html</title>
<meta charset="utf-8">
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red" />
</svg>
</body>
</html>
![二维码]()
扫码加我 拉你入群
请注明：姓名-公司-职位
以便审核进群资格，未注明则拒绝
|
|
-
总评分: 论坛币 + 100
查看全部评分
|
发帖
雷达卡
提升卡
置顶卡
沉默卡
变色卡
抢沙发
千斤顶
显身卡
京公网安备 11010802022788号
