浏览器实现HTML5发送语音功能

2 519 https://www.xuanmo.xin/wp-admin/admin-ajax.php 9

   这是一次后台同事让做的一个功能,但是在手机端兼容不好,Safari清一色不支持,导致后来没有用上,想看效果的伙伴可以用pc端浏览器打开模拟手机的功能查看,查看demo链 MORE...

我的在线音乐播放器(移动端)

45 5141 https://www.xuanmo.xin/wp-admin/admin-ajax.php 97

一个月不更新了,先来几张音乐播放器的效果图吧,歌词联动后边在搞了,rem还没搞好,羞羞羞,哈哈,微信浏览不能实现在线搜索,可以用浏览器打开 在线展示 css3滤镜 MORE...

凑个数,canvas绘制时钟

5 2111 https://www.xuanmo.xin/wp-admin/admin-ajax.php 32

许久不更新了一样,用以前学习作业凑个数,canvas绘制的时钟,效果图: js代码 var canvas = document.getElementById('canvas'); var can = canvas.getConte MORE...

canvas简易画板

12 2460 https://www.xuanmo.xin/wp-admin/admin-ajax.php 20

路径移动部分代码: canvas.onmousedown = function(ev){ ev = ev || window.event; _x = ev.clientX , _y = ev.clientY; // 路径开始 MORE...

JavaScript面向对象封装canvas环形进度条

2 2025 https://www.xuanmo.xin/wp-admin/admin-ajax.php 18

canvas制作环形进度条需要注意的地方,就是关于角度与百分比的转换,公式如下: 传参利用的是json键值对方式进行传递参数,总共支持7个参数, obj:canvas对象(必 MORE...

h5拖拽小案例

5 2160 https://www.xuanmo.xin/wp-admin/admin-ajax.php 12

利用html5新提供的方法,实现两个小的案例 简单的拖动拼图 拖动图片到浏览器窗口上传 DEMO展示 MORE...

3D全屏滚动案例

0 1354 https://www.xuanmo.xin/wp-admin/admin-ajax.php 19

3D全屏滚动思路: 先搭好3D盒子,4个div与浏览器等宽等高,点击让大的div顺着X轴旋转。最佳查看浏览器(chrome)源码如下: html部分 <div id="box"&g MORE...

3D时间显示

2 1372 https://www.xuanmo.xin/wp-admin/admin-ajax.php 16

js获取时间与css3 3D属性做出的3D旋转时间   DEMO展示 MORE...

5.5秒给你画个八卦图

7 1464 https://www.xuanmo.xin/wp-admin/admin-ajax.php 18

css3与js结合实现动画,两边的圆形利用before/after两个伪元素制作,省去两个标签 DEMO展示 MORE...