前端
关注
分享
扫一扫
滑板不摔跤
这个作者很懒，什么都没留下…
展开
-
canvas之图像的操作
图像的绘制（drawImage）绘制原型图像var cas = document.getElementById('cvs'); var pencil = cas.getContext('2d'); //开始绘画 pencil.beginPath(); //创建一个图像对象 var img = new Image(); img.src ...原创 2019-11-19 14:31:38 · 174 阅读 · 0 评论 -
canvas之图形的组合和设置阴影
图形的组合是指： 两个图形有重叠的部分，可以取不同的组合的图形。用globalCompositeOperation=’'属性设置。该属性的取值如下source-over :默认值，表示新图覆盖于旧图之上。source-atop: 只绘制旧图喝重叠部分，其他部分透明。source-in :只绘制新图的重叠部分，其他部分透明source-out:只绘制新图，重叠部分和旧图透明destina...原创 2019-11-19 11:13:33 · 717 阅读 · 0 评论 -
canvas之实现渐变颜色
线性渐变 //获取画布。 相当于拿到了绘画的一张纸 var cas = document.getElementById('cvs'); //有了纸后，还需要有一只笔才能进行绘画。 这是一个绘画2d图形的笔 var pencil = cas.getContext('2d'); //开始绘画 pencil.beginPath(); /...原创 2019-11-18 17:27:47 · 1316 阅读 · 0 评论 -
canvas之绘制贝塞尔曲线
绘制二次贝塞尔曲线（quadraticCurveTo） //获取画布。 相当于拿到了绘画的一张纸 var cas = document.getElementById('cvs'); //有了纸后，还需要有一只笔才能进行绘画。 这是一个绘画2d图形的笔 var pencil = cas.getContext('2d'); //开始绘画 pencil.b...原创 2019-11-18 16:01:51 · 855 阅读 · 0 评论 -
canvas之绘制圆形
绘制圆形<script> //获取画布。 相当于拿到了绘画的一张纸 var cas = document.getElementById('cvs'); //有了纸后，还需要有一只笔才能进行绘画。 这是一个绘画2d图形的笔 var pencil = cas.getContext('2d'); //开始绘画 pencil.beginPa...原创 2019-11-18 15:29:04 · 1073 阅读 · 0 评论 -
canvas之绘制矩形和清除画布
多种绘制方式方式一：自己用线条进行绘制方式二：rect函数绘制<head> <meta charset="UTF-8"> <title>绘制矩形</title> <style> *{ margin: 0; padding: 0; ...原创 2019-11-18 14:31:25 · 1744 阅读 · 0 评论 -
canvas之用线条绘制图形
用线条绘制图形下面绘制了一个梯形<head> <meta charset="UTF-8"> <title>线条绘制图形</title> <style> *{ margin: 0; padding: 0; } ...原创 2019-11-18 14:03:02 · 537 阅读 · 0 评论 -
js闭包和python闭包
闭包概念变量分为：全局变量和局部变量，js中函数内部可以读取全局变量，函数外部不能读取函数内部的局部变量。闭包就可以将函数的内部变量被外部访问js闭包function count() { var funs = [] for (var i =0; i<4; i++) { function f(){ //闭包函数 return i*i; ...原创 2019-09-18 17:22:50 · 462 阅读 · 0 评论 -
jedate时间插件
犹豫最近项目中前端人数不够，所以写了一段时间的前端页面。此过程中发现了一个比较好用的日历插件。jedate。原始插件的时分秒时这样的 ...原创 2019-09-05 10:15:40 · 178 阅读 · 0 评论