详细解析可以看我的博客：
https://blog.csdn.net/sunshine641/article/details/112257992
2021-12-27 11:16:25
4KB
1
html5 canvas绘制矩形和圆形的实例代码
JavaScript Code复制内容到剪贴板
<!DOCTYPE html>
<html>
<head>
<meta charset=UTF-8>
<title></title>
</head>
<body onload=draw(),drawarc()>
<!–绘制的步骤：获取canvas元素->取得上下文->填充与绘制边框->设定绘图样式–>
2021-12-25 17:59:03
30KB
1
1. 使用Backbone实现前端hash路由
初步设想将注册和登录作为两个不同的url实现，但登录和注册功能的差距只有form表单部分，用两个url实现显然开销过大，所以最终方案为使用hash作为前端路由，根据url的hash值切换相应的表单显示。
很多致力于SPA开发的前端框架都具备hash路由功能，考虑到嗨猫本身是一个类博客、偏重静态展示的网站，所以最后选择了轻量级的Backbone最为前端框架。
Backbone实现hash路由的代码很简单：
let $formBox = $('.box_form_container'),
$navitems = $('.box_nav_item'
2021-12-25 10:15:15
83KB
1
通过canvas合成两张图片，并且动态的添加文字信息，希望大家能够得到很好的借鉴，我的博客上面还有类似的文章，兼容移动端和PC的都有，本人切实操作过，暂没有发现bug，伸手可以去我的博客上直接查看，这个是个合成的小demo，那个bg图片是瞎找的，是打算做类似的效果，换个纯色的图片观看比较明显
2021-12-24 20:23:02
145KB
1
代码片段：
uniforms: {
uResolution: function uResolution(_ref2) {
var viewportWidth = _ref2.viewportWidth;
var viewportHeight = _ref2.viewportHeight;
return [viewportWidth, viewportHeight];
},
uTime: function uTime(_ref3) {
var tick = _ref3.tick;
return 0.01 * tick;
},
uMouse: function uMouse() {
return [pointer.position.x, pointer.position.y];
},
uMorph: function uMorph() {
return morphAmount;
},
uRandomSeed: DEV ? 138975.579831 : new Date().getTime() % 1000000, //
uGrid: function uGrid(_ref4) {
var viewportWidth = _ref4.viewportWidth;
var viewportHeight = _ref4.viewportHeight;
var ratio = 0.32;
return viewportHeight >= viewportWidth ? [1, viewportHeight / viewportWidth * ratio] : [viewportWidth / viewportHeight * ratio, 1];
}
},
2021-12-24 16:28:37
31KB
1
主要介绍了HTML5 Canvas 旋转风车绘制,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2021-12-24 11:13:46
107KB
1
HTML5 canvas粒子烟花绽放动画，粒子效果，烟花绽放动画代码，鼠标点击页面，多束烟花绽放效果。
2021-12-24 00:43:02
4KB
1
HTML5 Canvas樱花树木特效是一款基于canvas绘制纤细的樱花树开满了背景，遍地开满的樱花树背景特效。
2021-12-23 17:31:19
4KB
1
HTML5 Canvas 旋转的3D立方体动画，有纵深感的旋转立方体，渲染的很不错，旋转的动画效果流畅，十分不错，是研究HTML5 Canvas技术的好范例。经测试，IE11兼容，火狐或Chrome、Opera等都有完美表现。
2021-12-22 21:00:51
2KB
1