C#231课的主要内容
来源:互联网 发布:apache和nginx 编辑:程序博客网 时间:2024/05/22 03:40
今天主要学习了以下知识点:
HTML5内联SVG
HTML5支持内联SVG
什么是SVG?
SVG指可伸缩矢量图形
SVG用于定义用于网络的基于矢量的图形
SVG使用XML格式定义图形
SVG图像在放大或改变尺寸的情况下其质量不会有双视
SVG是万维网联盟的标准
SVG的优势
与其他图像格式相比,使用SVG的优势在于:
SVG图像可通过文本编辑器来创建和修改
SVG图像可被搜索,索引,脚本化或压缩
SVG是可伸缩的
SVG图像可在任何的分辨率下被高质量地打印
SVG可在图像质量不下降的情况下被放大
浏览器支持
把SVG直接嵌入HTML页面
在HTML5中你能够将SVG元素直接嵌入HTML页面中:
实例
HTML5 Canvas vs.SVG
Canvas和SVG都允许你在浏览器中创建图形,但是他们在根本上是不同的。
SVG
SVG是一种使用XML描述2D图形的语言
SVG基于xml,这意味着SVG DOM中的每个元素都是可用的,你可以为某个元素附加JavaScript事件处理器
在SVG中每个被绘制的图形均被视为对象。如果SVG对象的属性发生变化,那么浏览器能够自动重现图形。
Canvas
Canvas通过JavaScript来绘制2D图形
Canvas是逐像素进行渲染的。
在canvas中,一旦图形被绘制完成,他就不会继续得到浏览器的关注。如果其位置发生变化,那么整个场景也需要重新绘制,包
括任何或许已被图形覆盖的对象
Canvas与SVG的比较
Canvas
依赖分辨率
不支持事件处理器
弱的文本渲染能力
能够以。png或。jpg。格式保存结果图像
最适合图像密集型的游戏,其中的许多对象会被频繁重绘
SVG
不依赖分辨率
支持事件处理器
最适合带有大型渲染区域的应用程序
复杂度高会减慢渲染速度
不适合游戏应用
- C#231课的主要内容
- C#的25课主要内容
- C#的29课主要内容
- C#30课的主要内容
- C#31课的主要内容
- C#32课的主要内容
- C#33课的主要内容
- C#35课的主要内容
- C#37课的主要内容
- C#38课的主要内容
- C#39课的主要内容
- C#40课的主要内容
- C#43课的主要内容
- C#44课的主要内容
- C#45课的主要内容
- C#46课的主要内容
- C#47课的主要内容
- C#49课的主要内容
- 智云亮相NAB Show展会 全线产品齐聚掀起手持稳定器新时代
- 网络工程师笔记<五>
- 【makefile】通用 Makefile
- codeforces
- 利用两个有名管道实现类似聊天功能
- C#231课的主要内容
- 腾讯与清华大学达成战略合作,启动“清华-青腾未来科技学堂”
- 传滴滴新一轮融资超50亿美元,估值破500亿美元
- 谷歌登陆古巴,成当地第一家互联网外企
- 2021年Window Phone就没了?微软花了152亿美元换来了什么
- 为什么说亚马逊的第四大支柱,会是AI与物流
- NASA发布新的超高清全球夜景图,用以研究人类经济活动
- 键盘录入数字在控制台打印输出n行n列的杨辉三角
- linux下qt+opencv、arm端移植opencv