- 博客(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
4276
原创 图案的用法-学习Canvas第六天
控制图案的重复方式JavaScript代码var canvas = document.getElementById('canvas'), context = canvas.getContext('2d'), repeatRadio =document.getElementById('repeatRadio'), noRepeatRadio =document.getElementById...
2019-05-21 15:13:28
149
原创 学习绘制矩形以及渐变-学习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
184
原创 橡皮筋式选取图片放大-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
274
原创 精灵表坐标查看器-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
469
原创 用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
217
原创 绘制Canvas并在里面写上HelloCanvas--学习Canvas第一章
首先我们先来看效果图，初次学习记录成长。图中的应用程序是非常简单的，直接上代码HTML的代码<!DOCTYPE html><html><head> <title>A Simple Canvas Example</title> <style> body{ background: #dddddd; }...
2019-05-08 11:09:28
184
原创 小程序学习-第一个项目
用微信小程序做一个抽奖小程序最近开始学习小程序先来看效果图接下来看代码想法最近开始学习小程序最近转行，开始学习小程序，刚入门，把自己从头开始学的东西都记录下来，方便以后自己看看自己的提升，也为需要的朋友提供一下自己的一些想法之类的。先来看效果图接下来看代码js:Page({ data:{ animationData: {} }, doAnimation: func...
2019-03-26 11:33:13
265
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人