html5
关注
分享
扫一扫
文章平均质量分 80
一顿操作猛如虎，啥也不是！
时间,是让人猝不及防的东西,晴时有风阴有时雨。岁月是一场有去无回的旅行,好的坏的都是风景
展开
-
html5 canvas 详细使用教程
原文地址:http://www.cnblogs.com/tim-li/archive/2012/08/06/2580252.html原作很强悍导航前言基本知识绘制矩形清除矩形区域圆弧路径绘制线段绘制贝塞尔曲线线性渐变径向渐变（发散）图形变形（平移、旋转、缩放）矩阵变换（图形变形的机制）图形组合给图形绘制阴影绘制图像（图片平铺、裁剪、像素处理[不只图像、包括其他绘制图转载 2015-08-27 13:19:43 · 817 阅读 · 0 评论 -
canvas的drawImage方法参数详解
HTML5中引入新的元素canvas，其drawImage 方法允许在 canvas 中插入其他图像( img 和 canvas 元素) 。drawImage函数有三种函数原型：drawImage(image, dx, dy) drawImage(image, dx, dy, dw, dh) drawImage(image, sx, sy, sw, sh, dx, dy, dw, dh)...原创 2018-10-26 13:05:10 · 2561 阅读 · 0 评论 -
jquery中的data-icon和data-role
jquery中的data-icon和data-rolejquery中的data-icon和data-role data-role参数表： page 页面容器，其内部的mobile元素将会继承这个容器上所设置的属性 header 页面标题容器，这个容器内部可以包含文字、返回按钮、功能按钮等元素 footer 页面页脚容器，这个容...转载 2018-10-25 13:56:59 · 2745 阅读 · 1 评论 -
HTML/CSS：图片居中(水平居中和垂直居中)（重要）
css图片居中分css图片水平居中和垂直居中两种情况，有时候还需要图片同时水平垂直居中。 css图片水平居中 1.利用margin: 0 auto实现图片水平居中 利用margin: 0 auto实现图片居中就是在图片上加上css样式margin: 0 auto 如下：<div style="text-align: center; width: 500px; b...转载 2018-10-31 11:27:22 · 998 阅读 · 0 评论 -
Position属性之relative用法
Relative是position的一个属性，是相对定位，通过本篇文章给大家介绍Position属性之relative用法，对position属性relative相关知识感兴趣的朋友一起学习吧Relative是position的一个属性，是相对定位。position的默认值是static，（也就是说对于任意一个元素，如果没有定义它的position属性，那么它的position:stati...转载 2018-10-31 12:49:53 · 5307 阅读 · 0 评论 -
css中margin标记可以带一个、二个、三个、四个参数，各有不同的含义
在css中使用margin可以将margin-top，margin-right，margin-bottom，margin-left，缩写为一个标记，顺序为上右下左（顺时针）。带不同的参数具有不同的含义，下面给出参数的具体含义，如下所示 margin: 10px;（上、下、左、右各10px。）margin: 10px 50px;（上、下10px；左、右50px。）marg...转载 2018-10-31 13:10:07 · 6025 阅读 · 0 评论 -
Html5 canvas学习5-图形变形：缩放 旋转 平移 变形
在canvas对当前绘图对象进行变形时，其中心点是画布(0,0)的坐标原点。1.缩放缩放context.scale(x,y)x:x坐标轴按x比例缩放 y:y坐标轴按y比例缩放比如1表示不缩放、0.5表示缩小50%、2.3表示放大2.3倍。 1 2 3例子：<script>var c = document.getElementById("...转载 2018-11-19 17:56:48 · 860 阅读 · 0 评论 -
HTML 获取屏幕、浏览器、页面的高度宽度
在没有声明DOCTYPE的IE中，浏览器显示窗口大小只能以下获取：document.body.offsetWidthdocument.body.offsetHeight在声明了DOCTYPE的浏览器中，可以用以下来获取浏览器显示窗口大小：document.documentElement.clientWidthdocument.documentElement.clientHeigh...转载 2018-10-26 13:32:32 · 8630 阅读 · 0 评论 -
HTML页面之间跳转传值
1.借助JQuery，通过URL拼接，从而传递数据。 jquery.params.js用于两个HTML网页之间的传值。a.html?name=waley&age=20;b.html页面则可以这样获取：$.query.get("name)。 例如;将a.html页面的数据传递到b.html页面：a.html：<!DOCTYPE html><html><head...转载 2018-03-21 10:09:32 · 9298 阅读 · 0 评论 -
HTML form 表单提交方式get和post的区别
method属性规定如何发送表单的数据。有两种提交的方法分别为get和post。1、get：提交的数据量要小于1024字节，表单提交时表单域数值（表单请求的信息：账号、密码…）将在地址栏显示。<!DOCTYPE html><html><head> <title>测试get提交数据方法</title></head>...转载 2018-03-23 09:21:20 · 1106 阅读 · 0 评论 -
canvas arc画圆遇到的问题
function drawTop(ctx, fillStyle){ ctx.fillStyle = fillStyle; ctx.beginPath(); ctx.arc(0, 0, 30, 0,Math.PI,true); ctx.closePath(); ctx.fill();} function draw(){ var c转载 2015-08-28 15:57:27 · 2736 阅读 · 0 评论 -
JavaScript：this是什么？
JavaScript：this是什么？定义：this是包含它的函数作为方法被调用时所属的对象。说明：这句话有点咬嘴，但一个多余的字也没有，定义非常准确，我们可以分3部分来理解它！1、包含它的函数。2、作为方法被调用时。3、所属的对象。看例子：function to_green(){this.style.color="green";}to_green();上面转载 2015-08-28 15:16:43 · 447 阅读 · 0 评论 -
HTML5中Canvas画线技巧大全
我们都知道在HTML5中最重要的亮点之一就是Canvas标签，他主要用途就是绘画，那么说到绘画技术，肯定就是要从画线开始，那么怎样使用canvas画线，canvas画线技巧是什么，下面为大家讲解canvas画线技巧；首先我们肯定要先搭建一个画线“舞台”。html> Canvas画线技巧 var myCanvas = document.getEl转载 2015-08-28 16:47:29 · 6210 阅读 · 0 评论 -
自己理解canvas里面的beginPath();closePath();save();restore();
Canvas画线技巧 var myCanvas = document.getElementById("myCanvas"); var context = myCanvas.getContext("2d"); context.fillStyle ='rgba(255,0,0,.3)';//填充颜色：红色，半透明 context.strokeStyl原创 2015-08-28 17:30:44 · 2897 阅读 · 0 评论 -
HTML5 Canvas烟花特效 场景十分华丽
HTML5 Canvas烟花特效 场景十分华丽在线演示 /* basic styles for black background and crosshair cursor */body { background: #000; margin: 0;}canvas { cursor: crosshair; display: block;}Canvas is not转载 2015-08-29 22:52:00 · 4371 阅读 · 1 评论 -
自己看，别人看了没用，画图和测量基础学习
var list=[]; var currentC; var _e={}; var cricle = function(x,y,r){ this.x=x; this.y=y; this.r=r; this.isCurrent=false; this.drawC=function(ctx,x,y){ ctx.save();原创 2015-08-27 15:23:06 · 583 阅读 · 0 评论 -
111.html测试测量角度 自己看别人看了没用
var list=[]; var currentC; var _e={}; var cricle = function(x,y,r){ this.x=x; this.y=y; this.r=r; this.isCurrent=false; this.drawC=function(ctx,x,y){ var c=documen原创 2015-09-06 11:24:10 · 792 阅读 · 0 评论 -
Canvas绘图API快速入门
引言：Canvas绘图API快速入门在接触HTML5的初学者包括我都在很多地方见到非常炫的一些页面，甚至好多学习HTML5的开发者都是冲着Web端的页游去的，那么HTML5那么绚丽的页面效果以及游戏动画效果的原理是怎样的？本篇文章将带您在20分钟内快速了解和上手HTML5游戏开发的神器：Canvas绘制API。一、Canvas是什么？Canv转载 2015-08-20 16:13:42 · 1115 阅读 · 0 评论 -
html5 画圆
Your browserdoes not support the canvas element! window.onload = function () { clock(); tt = setInterval(clock, 200);/// }; var tt;转载 2015-09-06 15:42:25 · 976 阅读 · 0 评论 -
canvas获取鼠标坐标
https://www.cnblogs.com/joyho/articles/3559049.html如题，废话不多说。demo截图：源代码：<html><head> <title></title> <script> window.onload=function(){ v...转载 2019-01-25 14:59:01 · 2143 阅读 · 0 评论