SVG VS Canvas
admin
2023-06-11 13:01:43
0次
SVG（scalable Vector Graphics,可伸缩矢量图形）和Canvas对比
Canvas的概念最初是由Apple公司提出的，主要用于在MAC OS X WebKit中创建控制板部件。Canvas本质上是一个位图画布，其上绘制的图形是不可缩放的，不能像SVG图像那样可以被放大缩小。此外，用Canvas绘制出来的对象不属于页面DOM结构或者任何命名空间——这点被认为是一个陷阱。SVG图像却可以在不同的分辨率下流畅地缩放，并且支持单击检测（能检测到鼠标单击了图像上的哪个点）。
既然如此，为什么WHATWG（Web Hypertext Application Technology Working Group,Web超文本应用技术工作组）的HTML5规范不使用SVG呢？尽管Canvas有明显的不足，但是HTML Canvas API有两方面优势可以弥补：第一，不需要将绘制图像中的每个图元当做对象存储，因此执行性能非常好；第二，在其他编程语言现有的优秀二维绘图API的基础上实现Canvas API相对来说比较简单。
HTML5高级程序设计——Peter
上一篇： CSS3 3D导航切换代码
相关内容
热门资讯
伊朗：过去24小时有32艘船只...
当地时间25日，伊朗伊斯兰革命卫队海军称，过去24小时内，包括油轮、集装箱船和其他商船在内的32艘船...
想去海边过盛夏！华为nova ...
就在刚刚华为终端正式官宣了nova 16系列及全场景新品发布会。说实话，我第一眼看到视频的时候，还真...
华为突破半导体规则引爆中国芯片...
快科技5月25日消息，今天在电气电子工程师学会IEEE主办的2026国际电路与系统研讨会ISCAS现...
宁德，被主机厂“逼”着投Dee...
文 | 超聚焦 DeepSeek的绯闻东家，多了一个宁王。 5月23日，据The Informat...
武契奇被授予“友谊勋章”
5月25日，中华人民共和国“友谊勋章”颁授仪式在北京举行。塞尔维亚总统武契奇被授予“友谊勋章”。（摄...
起底煤矿“暗面”：假整改、假密...
5月22日，山西长治市沁源县通洲集团留神峪煤矿发生瓦斯爆炸，造成82人死亡、2人失联、128人受伤。...
AI驱动文化产业发展：无论技术...
2026文化强国建设高峰论坛人工智能驱动文化产业创新发展论坛22日在深圳举行。与会嘉宾聚焦“AI重构...
原创 美...
原创首发 | 金角财经（ID: F-Jinjiao) 作者 | Chester 中美机器人，到底谁更...
小米SU7现身西班牙塞维利亚 ...
【CNMO科技消息】5月25日，有外媒报道称，近日一辆小米SU7现身西班牙塞维利亚。有技术人士在车内...
从“数字门牌”到“智能入口” ...
人民网记者 黄盛 “十五五”时期，在“人工智能+”行动全面实施的过程中，中文域名如何借助AI技术实现...