当我们制作图形化网页应用时,可能会用到Canvas和SVG。将SVG与Canvas进行比较,SVG更适合于制作具有以下特性的应用
- 使用具有平滑线条的大型图像(SVG是矢量图形)
- 编辑图像的大小、位置、形状或颜色(易于更改)
- 剪切、蒙版或滤镜图像(SVG支持这些功能)
- 用户交互式对象(可以将DOM事件添加到SVG元素)
为了展示SVG的这些优势,Mozilla日本开发了一个实用的SVG网页应用。“Foxkeh壁纸创建器”是一个允许您在浏览器中轻松创建自己壁纸的工具。您不仅可以选择Foxkeh和背景图像,还可以轻松更改Foxkeh和日历图像的大小、位置和透明度。
我相信这个应用足够易用,无需更多解释。
只需尝试创建壁纸,并体会SVG对网页应用的实用性!
http://wallpapers.foxkeh.com/en/
4条评论