- 博客(6)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 在使用CSDN浏览器插件发现的问题
刚刚在写代码时浏览器报错，我以为是我php文件的路径写错了，更改后还是报错。后来在CSDN上面搜索，发现全部都是说插件的问题，然后我就关闭了CSDN插件发现不报错了
2021-01-23 10:13:29
247
1
原创 利用canvas制作加速球波浪效果
我在第一篇博客中提到运用canvas制作加速球效果，现在把整个代码分享给大家，希望对大家有帮助。（转载请标明出处）先上效果图：还存在一些问题：1、想法是鼠标触碰到滑块才执行画波浪的效果，结果是直接碰到input标签就触发；2、移除鼠标重新触碰后有重新绘画；（其它问题欢迎大佬在评论区指正）现在附上代码：这里是html部分：<!-- 画画区域 --> <div class="draw"> <!-- 底层 --> <
2020-12-29 15:51:25
416
原创 利用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
978
原创 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
792
原创 实现长图在盒子里滚动
先上图实现当鼠标悬停在图片上时，图片向上滚动这是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
856
原创 在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
721
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人