DOMjs
关注
分享
扫一扫
文章平均质量分 52
$(薛定谔的喵)
这个作者很懒，什么都没留下…
展开
-
banner手风琴伸缩动画（ECMAJavaScript）
手风琴banner，先上效果图 一些闲话 当然，我知道像这种类型的的效果，我们通过C3来实现— animation: move 1s infinite; 是比较方便的而且业比较简单，能才做的效果业比较多，而我这里通过ECMAJavaScript来实现是比较繁杂和老套的，在实际开发过程中我们是尽可能选择方便简单且符合需求的方法来实现的；而我这里缩做的比较符合那做兼容性代码来使用 ...原创 2018-09-01 11:47:03 · 605 阅读 · 0 评论 -
border-image(H5C3)
border-image border-image是css3中的一个属性，因为兼容性问题，比较少见，但鉴于此功能在某些特定的场景中还是有些作用的；这里就简单介绍下属性和功能 我们用下面的代码来展示下 它的属性和特点 效果图 代码块 <!DOCTYPE html> <html lang="en"> <head> <meta charset...原创 2018-10-15 20:06:06 · 289 阅读 · 0 评论 -
初探canvas制作一个折线图——（面向对象）
canvas 准备一块画布 <style> canvas { border: 1px solid #ccc; } </style> <canvas width="600" height="400"></canvas> 起步——start <script>原创 2018-10-30 19:24:16 · 997 阅读 · 0 评论 -
渐变和canvas渐变矩形
在canvas中实现渐变有2种方式 第一种：通过遍历点的值实现 第二种：创建渐变的方案——createLinearGradient 第一种： <canvas width="600" height="400"></canvas> var myCanvas = document.querySelector('canvas'); var ctx = myCa...原创 2018-10-30 19:35:30 · 822 阅读 · 0 评论 -
canvas 穿透效果，canvas做网页背景无法选取后面的元素问题
canvas 穿透效果，canvas做网页背景无法选取后面的元素问题 遇到这个问题这里记录一下，解决方案也非常简单 在我们把 canvas 作为 网站的 body 背景的 时候，如果z-index 的层级没注意设计，默认情况下，canvas 会遮挡网站上的 a 链接 和一些按钮的 遇到这个 问题 我们只需要在 canvas 背景中添加一个css 属性：pointer-events: none...原创 2019-01-18 14:57:08 · 2960 阅读 · 0 评论