扫码关注公众号
说说你对SVG理解?
SVG可缩放矢量图形(ScalableVectorGraphics)是基于可扩展标记语言(XML),用于描述二维矢量图形的一种图形格式。SVG是W3C('WorldWideWebConSortium'即'国际互联网标准组织')在2000年8月制定的一种新的二维矢量图形格式,也是规范中的网络矢量图形标准。SVG严格遵从XML语法,并用文本格式的描述性语言来描述图像内容,因此是一种和图像分辨率无关的矢量图形格式。SVG于2003年1月14日成为W3C推荐标准。特点:(1)任意放缩:用户可以任意缩放图像显示,而不会破坏图像的清晰度、细节等。(2)文本独立:SVG图像中的文字独立于图像,文字保留可编辑和可搜寻的状态。也不会再有字体的限制,用户系统即使没有安装某一字体,也会看到和他们制作时完全相同的画面。(3)较小文件:总体来讲,SVG文件比那些GIF和JPEG格式的文件要小很多,因而下载也很快。(4)超强显示效果:SVG图像在屏幕上总是边缘清晰,它的清晰度适合任何屏幕分辨率和打印分辨率。(5)超级颜色控制:SVG图像提供一个1600万种颜色的调色板,支持ICC颜色描述文件标准、RGB、线X填充、渐变和蒙版。(6)交互X和智能化。SVG面临的主要问题一个是如何和已经占有重要市场份额的矢量图形格式Flash竞争的问题,另一个问题就是SVG的本地运行环境下的厂家支持程度。浏览器支持:InternetExplorer9,火狐,谷歌Chrome,Opera和Safari都支持SVG。IE8和早期版本都需要一个插件-如AdobeSVG浏览器,这是免费提供的。
关于canvas和svg说法正确的是( )?
正确答案是C
SVG 定义的图形是_____格式的?
正确答案是BSVG是基于XML的矢量图像格式
谈谈你对canvas的理解?
canvas是HTML5中新增一个HTML5标签与操作canvas的javascriptAPI,它可以实现在网页中完成动态的2D与3D图像技术。标记和SVG以及VML之间的一个重要的不同是,有一个基于JavaScript的绘图API,而SVG和VML使用一个XML文档来描述绘图。SVG绘图很容易编辑与生成,但功能明显要弱一些。canvas可以完成动画、游戏、图表、图像处理等原来需要Flash完成的一些功能。
关于html的canvas的绘制、缩放,下列说法正确的是?
正确答案是D图像既可以绘制在canvas里,又开始绘制在canvas之外canvas的缩放需要通过context的scale()、transform方法canvas不可获取焦点,所以不能在canvas元素上新增键盘事件监听器。