【校招VIP】前端HTML考察之cavas、svg

考点介绍：

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 都允许您在浏览器中创建图形，但是它们在根本上是不同的……

2、【校招VIP】浅谈Canvas和SVG的区别

各位都知道canvas是html5提供的新元素。 而svg存在的历史要比canvas久远,已经有十几年了。svg并不是html5专有的标签，Canvas和SVG的区别在哪呢……

（点击下方链接查看完整版）

三、考点视频

1、前端校招的特点、考点和职业发展

前端是IT校招中目前性价比最高的职位，对所学专业要求不高，考点难度较小，且需求量大……