2020/12/31-每日三题第7弹：没有对象的跨年是熬夜，你知道Canvas 和 SVG有什么区别吗？？？
你要的跨年祝福来了！！！
咳咳，懂事的孩子已经发我照片检查了????^????
前言：
“一个人的夜，我的心，应该放在哪里”、“我能给你个拥抱，像以前一样可以吗？”~~~马上就到2021年了，祝大家新的一年万事如意，一夜暴富
顺便问一下，有没有好心人给我介绍个对象????????????，毕竟有对象的才叫跨年，没对象的只能叫熬夜，????????????
不说了，我要去熬夜了！！！
好了，话不多说，上题目！！！????????????
题目：
(题目1) Canvas 和 SVG有什么区别 ？
(题目2) HTML5 为什么只需要写 <!DOCTYPE HTML> ？
(题目3) 如何在页面上实现一个圆形的可点击区域 ？
倒计时10min，开始计时，看看自己能做对几道题????????????？参考解析在下面，但不要直接看解析哦，这样子没什么效果的！！！
参考解析：
题目1：
1.svg 绘制出来的每⼀个图形的元素都是独⽴的 DOM 节点，能够⽅便的绑定事件或⽤来修
改。 canvas 输出的是⼀整幅画布
2.svg 输出的图形是⽮量图形，后期可以修改参数来⾃由放⼤缩⼩，不会失真和锯⻮。⽽
canvas 输出标量画布，就像⼀张图⽚⼀样，放⼤会失真或者锯⻮
题目2：
1.HTML5 不基于 SGML ，因此不需要对 DTD 进⾏引⽤，但是需要 doctype 来规范浏览器
的⾏为
2.⽽ HTML4.01 基于 SGML ,所以需要对 DTD 进⾏引⽤，才能告知浏览器⽂档所使⽤的⽂档
类型
题目3：
1.svg
2.border-radius
3.纯 js 实现，需要求⼀个点在不在圆上的简单算法、获取⿏标坐标等等
怎么样，是不是很简单，你做对了几道题呢？做对的再接再厉，不要骄傲，做错的也没有关系啦，好好总结，继续努力！！！
当然啦，大家如果有补充的或者其它问题，欢迎大家在评论区交流啊，路漫漫其修远兮，吾将上下而求索，希望大家可以一起坚持下去啊！????????????~~~
如果这篇文章能够帮助到您，希望您不要吝惜点赞????????和收藏????????，您的支持是我继续努力的动力 ????????！！！
本文地址：https://blog.****.net/weixin_44586544/article/details/112002270
上一篇： 如何实现vs code编写的代码在浏览器自动刷新显示
下一篇： react中使用echarts