- 博客(9)
- 收藏
- 关注
RSS订阅原创 H5获取屏幕的宽度和高度
H5获取屏幕的宽度和高度 通过JS获取 window.screen.availWidth 返回当前屏幕宽度(空白空间) window.screen.availHeight 返回当前屏幕高度(空白空间) window.screen.width 返回当前屏幕宽度(分辨率值) window.screen.height 返回当前屏幕高度(分辨率值) window.document.body.offsetHeight
2020-06-05 12:02:38
4546
原创 图案的用法-学习Canvas第六天
控制图案的重复方式 JavaScript代码 var canvas = document.getElementById('canvas'), context = canvas.getContext('2d'), repeatRadio =document.getElementById('repeatRadio'), noRepeatRadio =document.getElementById...
2019-05-21 15:13:28
178
原创 学习绘制矩形以及渐变-学习Canvas第五天
绘制矩形 var canvas = document.getElementById('canvas'), context = canvas.getContext('2d'); context. lineJoin = 'round'; context.lineWidth = 30; context.font = '24px Helvetica'; context.fillText('Clic...
2019-05-14 11:29:23
216
原创 橡皮筋式选取图片放大-Canvas学习第四天
效果是，放入一张图片，然后截取某个区域就会将该区域放大。 HTML代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Rubber bands with layered element</title> <style> body { ...
2019-05-13 10:01:44
323
原创 精灵表坐标查看器-canvas学习第三天
先来看效果图 JavaScript的代码 var canvas = document.getElementById('canvas'), readout = document.getElementById('readout'), context = canvas.getContext('2d'), spritesheet = new Image(); //Functions //将鼠...
2019-05-10 09:51:24
514
原创 用canvas绘制一个时钟--学习canvas第二天
先来看效果图，新手学的比较慢，做的粗糙一点。 首先获取到canvas。获取2d属性，修改他的值。 var canvas = document.getElementById('canvas'), context = canvas.getContext('2d'), FONT_HEIGHT = 15, MARGIN = 35, HAND_TRUNCATION = canvas.width/25...
2019-05-09 11:21:46
259
原创 绘制Canvas并在里面写上HelloCanvas--学习Canvas第一章
首先我们先来看效果图，初次学习记录成长。 图中的应用程序是非常简单的，直接上代码 HTML的代码 <!DOCTYPE html> <html> <head> <title>A Simple Canvas Example</title> <style> body{ background: #dddddd; } ...
2019-05-08 11:09:28
221
原创 小程序学习-第一个项目
用微信小程序做一个抽奖小程序最近开始学习小程序先来看效果图接下来看代码想法 最近开始学习小程序 最近转行，开始学习小程序，刚入门，把自己从头开始学的东西都记录下来，方便以后自己看看自己的提升，也为需要的朋友提供一下自己的一些想法之类的。 先来看效果图 接下来看代码 js: Page({ data:{ animationData: {} }, doAnimation: func...
2019-03-26 11:33:13
308
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人