- 博客(6)
- 资源 (1)
- 收藏
- 关注
原创 在使用CSDN浏览器插件发现的问题
刚刚在写代码时浏览器报错,我以为是我php文件的路径写错了,更改后还是报错。后来在CSDN上面搜索,发现全部都是说插件的问题,然后我就关闭了CSDN插件 发现不报错了
2021-01-23 10:13:29
211
1
原创 利用canvas制作加速球波浪效果
我在第一篇博客中提到运用canvas制作加速球效果,现在把整个代码分享给大家,希望对大家有帮助。(转载请标明出处) 先上效果图: 还存在一些问题: 1、想法是鼠标触碰到滑块才执行画波浪的效果,结果是直接碰到input标签就触发; 2、移除鼠标重新触碰后有重新绘画; (其它问题欢迎大佬在评论区指正) 现在附上代码: 这里是html部分: <!-- 画画区域 --> <div class="draw"> <!-- 底层 --> <
2020-12-29 15:51:25
402
原创 利用input:range实现字体颜色改变
为了完善我利用canvas制作的加速球效果,实现拖动后改变加速球内部的字体颜色。 html部分: 这里使用一个div为了使效果更加清晰, 给input添加了一个鼠标移动事件。 <div id="box"></div> <input type="range"id="color" value="0" min="0" max="225" οnmοusemοve="get()"> 这里是div的样式: div { width: 100px;
2020-12-28 17:38:18
933
原创 jQuery + Canvas实现闪烁效果
我本意是想运用canvas的渐变效果,所以才要在canvas中实现闪烁效果 先上图: 直接上代码: body简简单单一个canvas <canvas id="myCanvas" width="200" height="100"></canvas> 接下来是js部分 var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.font="30px Arial"; ctx.fillText("H
2020-09-01 09:42:56
759
原创 实现长图在盒子里滚动
先上图 实现当鼠标悬停在图片上时,图片向上滚动 这是HTML部分,一个盒子,一张图片 <div class="box"> <img src="图片链接"> </div> 这是CSS部分 .box{ width: 400px; height: 400px; overflow: hidden; } .box img{ width: 400px; transition:margin-top 10s; -web
2020-08-21 14:47:41
829
原创 在canvas中利用globalCompositeOperation属性
在canvas中利用globalCompositeOperation属性可以对同一个画布中的两个图形进行不同的合成效果,这里我运用xor来实现在矩形中挖去一个圆形。 先上图: 实现代码: var c = document.getElementById("mycanvas"); var ctx = c.getContext('2d'); ctx.fillStyle = "blue"; ctx.fillRect(0, 0, 400, 200);//矩形 ctx.globalCompositeOperati
2020-08-10 10:43:52
701
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人