Canvas和SVG有什么区别?a元素除了用于导航外,还有什么作用?如何在页面上实现一个圆形的可点击区域?

Canvas和SVG有什么区别?

svg 绘制出来的每一个图形的元素都是独立的 DOM 节点, 能够方便的绑定事件或用来修改。 canvas输出的是一整幅画布。

svg 输出的图形是矢量图形,后期可以修改参数来自由放大缩小,不会失真和锯齿 。而canvas 输出标量画布,就像一张图片一样,放大会失真或者锯齿。

a元素除了用于导航外,还有什么作用?

href属性中的url可以是浏览器支持的任何协议,所以a标签可以用来手机拨号110,也可以用来发送短信110,还有邮件等等。

a元素最常见的就是用来做锚点和下载文件。锚点可以在点击时快速定位到一个页面的某个位置,而下载的原理在于a标签所对应的资源浏览器无法解析,于是浏览器会选择将其下载下来。

如何在页面上实现一个圆形的可点击区域?

  • svg
  • border-radius
  • 纯js实现 需要求一个点在不在圆上简单算法 、获取鼠标坐标等等

持续学习总结记录中,回顾一下上面的内容:Canvas和SVG有什么区别?a元素除了用于导航外,还有什么作用?如何在页面上实现一个圆形的可点击区域?

你可能感兴趣的:(知识点,#,HTML+CSS知识点,前端,html)