2020/12/31-每日三题第7弹:没有对象的跨年是熬夜,你知道Canvas 和 SVG有什么区别吗???

2022-07-25,,,,

你要的跨年祝福来了!!!

咳咳,懂事的孩子已经发我照片检查了👀^👀

前言:

“一个人的夜,我的心,应该放在哪里”、“我能给你个拥抱,像以前一样可以吗?”~~~马上就到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.csdn.net/weixin_44586544/article/details/112002270

《2020/12/31-每日三题第7弹:没有对象的跨年是熬夜,你知道Canvas 和 SVG有什么区别吗???.doc》

下载本文的Word格式文档,以方便收藏与打印。