考点介绍：
Canvas 和 SVG 都允许您在浏览器中创建图形，但是它们在根本上是不同的。canvas可以看做是一个画布，其绘制出来的图形为标量图。而svg，所绘制的图形为矢量图，不能引入普通的图片，因为矢量图的不会失真的特点，在项目中我们会用来做一些动态的小图标。
本期分享的前端HTML考察之cavas、svg，分为试题、文章以及视频三部分。
答案详情解析和文章内容链接即可查看！
1、关于html的canvas的绘制、缩放，下列说法正确的是？
A.图像绘制在canvas元素之外也可见
B.使用 drawImage方法绘制的图片可以用css3的tramsform:scale的属性实现缩放
C.默认情况下，canvas是一个可以获取焦点的元素
D.其他3个选项都不正确
解答：D
图像既可以绘制在canvas里，又开始绘制在canvas之外......
2、关于SVG说法错误的是( )
A.现有浏览器都能支持
B.支持用户任意缩放
C.适合大型渲染区域
D.SVG图像可被搜索、索引、脚本化或者压缩
解答：A
部分IE对于SVG不兼容......
3、下列有关 SVG 矢量图形描述错误的是（）
A.SVG 是 CSS 语言下面的一个分支
B.SVG 使用 XML 格式定义图形
C.SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失
D.SVG 是万维网联盟的标准
解答：A
SVG 指可伸缩矢量图形 (Scalable Vector Graphics).....
4、SVG的（ ）属性用于定义元素轮廓的颜色？
A.fill
B.stroke
C.stroke-linecap
D.stroke-width
解答：B
stroke属性定义一条线,文本或元素轮廓颜色.....
（答案点击下方链接查看哦）
1、前端绘图方式Canvas和SVG的区别
Canvas和SVG是html5中支持2种可视化技术，都是可以在画布上绘制图形和放入图片。下面来介绍和分析一下他们……
2、Canvas 和 SVG 对比
SVG 基于 XML，这意味着 SVG DOM 中的每个元素都是可用的。您可以为某个元素附加 JavaScript 事件处理器……
3、【校招VIP】浅谈Canvas和SVG的区别
各位都知道canvas是html5提供的新元素。 而svg存在的历史要比canvas久远,已经有十几年了。svg并不是html5专有的标签，Canvas和SVG的区别在哪呢……
（点击下方链接查看完整版）
1、怎么理解forward和redirect？
重定向是需要response将信息返回给浏览器，而请求转发是request对象的行为……
更多资讯可搜索校招VIP小程序查看哦!
移动端链接：https://m.xiaozhao.vip/dTopic/detail/555
PC端链接：校招VIP，专题 - 校招VIP