网页学习
RisaSama
这个作者很懒,什么都没留下…
展开
-
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 · 3977 阅读 · 0 评论 -
绘制Canvas并在里面写上HelloCanvas--学习Canvas第一章
首先我们先来看效果图,初次学习记录成长。图中的应用程序是非常简单的,直接上代码HTML的代码<!DOCTYPE html><html><head> <title>A Simple Canvas Example</title> <style> body{ background: #dddddd; }...原创 2019-05-08 11:09:28 · 151 阅读 · 0 评论 -
用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 · 190 阅读 · 0 评论 -
学习绘制矩形以及渐变-学习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 · 141 阅读 · 0 评论 -
精灵表坐标查看器-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 · 438 阅读 · 0 评论 -
图案的用法-学习Canvas第六天
控制图案的重复方式JavaScript代码var canvas = document.getElementById('canvas'), context = canvas.getContext('2d'), repeatRadio =document.getElementById('repeatRadio'), noRepeatRadio =document.getElementById...原创 2019-05-21 15:13:28 · 126 阅读 · 0 评论 -
橡皮筋式选取图片放大-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 · 249 阅读 · 0 评论 -
html学习
禁止滑动原创 2019-09-03 15:39:28 · 114 阅读 · 0 评论