这两天在做一个项目，有个小模块是悬浮球功能，可以拖动的那种组件也找了，发现组件那个会很卡，而且页面会跟着滚动，球球初始位置也让人很难受尤其是当我一刷新球球丢了就很蒙，看来那个还是需要完善的然后我去百度搜了搜，然后找到了解决方法，我判断了下球球初始情况初始是按百分比定位的，这样对一些大屏设备还是比较友好的，而且我还精简了下代码完整的可拖动悬浮球功能如下（可复制直接使用）：注：如果球球是图片的话，只需要把ball的那个view改成image即可template>view>viewclass="holdon">viewclass="ball":style="'left:'+(moveX==0&x>0

DOCTYPEhtml>html>head>title>GetVideoFrameExampletitle>head>body>divid="result">div>script>//获取视频第一帧的函数functiongetVideoFirstFrame(videoUrl){//创建video元素constvideo=document.createElement('video');video.src=videoUrl;video.setAttribute('crossOrigin','Anonymous');//处理跨域video.setAttribute('preload','auto')

DOCTYPEhtml>html>head>title>GetVideoFrameExampletitle>head>body>divid="result">div>script>//获取视频第一帧的函数functiongetVideoFirstFrame(videoUrl){//创建video元素constvideo=document.createElement('video');video.src=videoUrl;video.setAttribute('crossOrigin','Anonymous');//处理跨域video.setAttribute('preload','auto')

DOCTYPEhtml>html>head>metacharset="utf-8">title>canvestitle>style>#canvas{cursor:url(../images/pen.png),crosshair;}#canvasdiv{border:1pxsolid#bcbcbc;}style>head>body>divid="canvasdiv">canvasid="canvas">canvas>div>buttontype="button"class="layui-btnlayui-btn-normal"id="clear"style="display:none"oncli

DOCTYPEhtml>html>head>metacharset="utf-8">title>canvestitle>style>#canvas{cursor:url(../images/pen.png),crosshair;}#canvasdiv{border:1pxsolid#bcbcbc;}style>head>body>divid="canvasdiv">canvasid="canvas">canvas>div>buttontype="button"class="layui-btnlayui-btn-normal"id="clear"style="display:none"oncli