web前端
九天十方魔帝
专注技术,超越技术
展开
-
vue中使用wow.js动画效果 不生效,鼠标滚动出现空白
vue中怎么用wow.js,我这就不再赘述了,网上帖子一大堆,我只说遇到的问题和解决办法项目整体情况vue2+element先阐述bug现象wowjs在vue项目中使用有个奇葩的现象,就是只有网页第一屏的动画可以显示,鼠标往下滚动不仅动画没出来,就连原来的html元素也没有显示出来成了一片空白。。。经过多次实验和翻阅源码明白了其中的道理,问题出现了node_moduleswowjs/dist/wowjs.js这个源文件里源代码491-499行如下(具体行数可能有出入),主要...原创 2021-06-22 12:13:12 · 3991 阅读 · 12 评论 -
介绍一个canvas绘图神器zwibbler
官方文档网站:https://zwibbler.com/docs/这个插件使用起来超级方便,它已经实现了画笔、画基本几何图形、橡皮擦、放大缩小等功能,具体大家可以参考官方介绍文档(文档是英文的)废话不多说,先上效果图源码如下(vue+elementui编写的)<template> <div class="pgtp"> <div id="zwibbler" style="margin-left:auto;margin-right:auto;"原创 2020-08-14 13:29:57 · 1161 阅读 · 3 评论 -
记一次canvas由于本地缓存引起的CORS跨域问题
我在使用canvas进行绘画涂鸦开发的过程中,将图片作为canvas的背景图,在保存画布的时候想将背景图和当前画布内容进行整合的时候,发生加载背景图的跨域错误源码如下: this.canvas = document.getElementById('canvas'); this.Txt = document.getElementById('txt'); this.ctx = canvas.getContext('2d'); this.c.原创 2020-07-15 10:42:35 · 1101 阅读 · 3 评论 -
canvas实现作业主观题图片批改
最近有图片批改作业主观题的需求,所以研究了一下canvas实现了PC端和基于vue的移动端PC端效果图如下核心代码如下://矩形 function rect(){ var canvas = document.getElementById("canvas"); var context = canvas.getContext("2d"); //当前绘制线段的起点 var startPoint原创 2020-07-14 09:48:25 · 1705 阅读 · 0 评论