本节书摘来自异步社区《HTML5 canvas开发详解（第2版）》一书中的第2章，第2.14节,作者： 【美】Steve Fulton , Jeff Fulton 更多章节内容可以访问云栖社区“异步社区”公众号查看。
2.14 内容预告
本章讨论了很多基础内容，介绍了创建简单和复杂形状的方式，以及如何在画布上绘制和变换这些形状。本章还讨论了如何组合、旋转、缩放、平移、填充这些形状以及为它们创建阴影。不过，HTML5 Canvas探索之旅才刚刚开始。
《HTML5 canvas开发详解（第2版）》——2.14 内容预告
2017-05-02
1142
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
目录
相关文章
|
21天前
|
前端开发
JavaScript
|
4月前
|
移动开发
前端开发
JavaScript
|
2月前
|
XML
移动开发
前端开发
HTML5 SVG和canvas的性能探讨
HTML5 中的 SVG（可缩放矢量图形）和 Canvas（画布）分别用于网页图形绘制。SVG 基于矢量图形，使用 XML 描述，适合静态或少量动态内容（如图标、图表），易于编辑且保持高分辨率；Canvas 则基于位图，通过 JavaScript 绘制，更适合快速更新大量图形的场景（如游戏、动态动画），但在复杂图形计算时可能遇到性能瓶颈。总体而言，SVG 适用于静态和少量动态内容，而 Canvas 更适合高频率更新和性能要求高的场景。
84
3
3
|
2月前
|
移动开发
前端开发
JavaScript
HTML5 Canvas详解及应用
HTML5 Canvas 允许通过 JavaScript 在网页上动态绘制图形、动画等视觉内容。首先在 HTML 中定义 `<canvas>` 元素，并通过 JavaScript 获取画布上下文进行绘制。常见方法包括绘制矩形、路径、圆形和文本，以及处理图像和创建动画效果。适用于游戏开发、数据可视化、图像编辑和动态图形展示等多种应用场景。需要注意性能优化、无状态绘制及自行处理事件等问题。
42
3
3
|
2月前
|
移动开发
前端开发
数据挖掘
|
3月前
|
Dart
前端开发
Java
|
2月前
|
前端开发
|
3月前
|
移动开发
前端开发
JavaScript
|
5月前
|
机器学习/深度学习
Web App开发
前端开发
|
移动开发
JavaScript
前端开发
《HTML5 Canvas开发详解》——1.10 内容预告
1249
0
0
热门文章
最新文章
1
过滤代码中的html标签
2
HTML基础加强
3
HTML DOM 教程Part1
4
@Html.ValidationSummary()作用
5
JavaScript 技术篇-js获取dom节点、html标签自定义属性的值。
6
HTML元素 属性 格式化标签
7
【HTML+CSS+JS】前端三剑客实现3D旋转照片墙
8
MDN Web技术文档 - HTML 元素
9
再来 10 个新鲜的 HTML5 教程
10
Skytte：一款令人印象深刻的 HTML5 射击游戏
1
从零开始学习前端开发：HTML基础
44
2
React中渲染html结构---dangerouslySetInnerHTML
54
3
WWW（URL，HTTP，HTML）
126
4
生日快乐祝福HTML源码
96
5
html在线预览CAD（手机小程序浏览DWG）二次开发图层表的方法
133
6
HTML5 Canvas 提供丰富的绘图API，支持绘制图形、文本、渐变和图像，助力游戏开发
66
7
好看的html网站维护源码
233
8
html+echars图表加日期检索
54
9
html+echars的统计报表
57
10
【CSDN创作优化1】个人简介优化 html font属性
58