2018年09月_scwMason

原创 canvas-------绘制镂空的正方形+非零环绕规则

var myCanvas=document.querySelector('canvas'); //获取上下文 var ctx=myCanvas.getContext('2d'); ctx.moveTo(100,100); ctx.lineTo(300,100); ctx.lineTo(300,300); ctx.lineTo(100,300); ...

2018-09-24 16:34:54 1470 1

原创 canvas-----绘制平行不同样式线段+填充三角形的绘制

<canvas width="600" height="400"></canvas>var myCanvas=document.querySelector('canvas'); //获取上下文 var ctx=myCanvas.getContext('2d'); ctx.beginPath();//每次画不同样式的直线都开始新的路径，这样才不...

2018-09-24 11:22:22 696

原创 canvas-----线条迷糊问题

转载

2018-09-23 23:23:22 235

原创小程序----视频播放

我们小程序的视频播放和弹幕微信团队已经帮我们封装的非常好了<view class="section"> <video class="videoc" src="{{src}}"></video></view><button bindtap='chooseVideo'>选取视频</

2018-09-23 22:08:40 991

原创小程序----Loading

<view class="body-show"> <loading hidden="{{hidden}}">Loading... </loading> <button type='default' bindtap='loadingClick'>弹出Loading</button></view&

2018-09-23 09:43:47 394

原创小程序----弹框

<button type="default" bindtap='toastClick'>弹出Toast</button><button type="default" bindtap='modelClick'>弹出Model</button>1.ToasttoastClick:function(){ wx.showToast({...

2018-09-23 00:07:29 244

原创小程序----底部弹出框

方法一<button bindtap='actionSheetTap'>弹出</button><action-sheet hidden="{{actionSheetHidden}}" bindchange="changeTap"> <block wx:for="{{actionSheetItems}}"> &l

2018-09-22 23:26:38 3183

原创小程序开发----表单控件

<swiper indicator-dots='true' autoplay='true' interval='3000' duration='1000' circular='true'> <block wx:for="{{imgURLS}}"> <sw...

2018-09-22 22:41:25 395

原创 ajax----请求服务器数据

window.addEventListener("loade",initall,false);var xhr=false;/*一个XMLHttpRequest对象*/function initall(){ document.getElementById("txtDemo").addEventListener("click",getNewFile,false);}functi...

2018-09-19 19:20:09 326

转载富文本元素 rich-text

详细解释（转载）

2018-09-18 18:11:23 1386

原创 Loading图总结

1.background-position:表示背景的显示位置，比如：background-position: 0% 100%;这个表示左下角，第一个表示left,第二个表示top 2.background-size：表示背景显示的大小background-size: 400%;这个表示放大4倍 3.案例中的背景变化就是利用放大背景后动画改变background...

2018-09-16 17:49:36 961

原创 css中的::before和::after

这里的before和after是指相对于内容而言的，而不是相对于盒子，比如：这里的这个白色的小圆，就是在这个正方形的div中的内容（那些字母）前面，表示before 帮助博客...

2018-09-16 12:52:53 2556

原创 3D轮播图案例总结

思路：先搭出一个长方体，然后把这个长长方体切割成很多个li，然后每个li都有四个面（用div表示），然后利用background-position-x属性将图片平移不同的距离从而拼凑成一张完整的图片，然后将每个li的旋转时间都设定成不同的额，就形成了波浪翻转的效果 1.document.querySelectorAll()querySelectorAll() ...

2018-09-02 20:59:31 738

scwMason的博客