h5
√√√√√_文
开心工作,幸福生活。
展开
-
H5-图像
把一幅图像放置到画布上, 使用以下方法:drawImage(image,x,y)转载 2018-05-25 14:49:16 · 395 阅读 · 0 评论 -
H5-渐变
createLinearGradient(x,y,x1,y1) - 创建线条渐变createRadialGradient(x,y,r,x1,y1,r1) - 创建一个径向/圆渐变当我们使用渐变对象,必须使用两种或两种以上的停止颜色。addColorStop()方法指定颜色停止,参数使用坐标来描述,可以是0至1.使用渐变,设置fillStyle或strokeStyle的值为 渐变,然后绘制形状,如矩...转载 2018-05-24 16:15:47 · 681 阅读 · 0 评论 -
H5-文本
使用 canvas 绘制文本,重要的属性和方法如下:font - 定义字体fillText(text,x,y) - 在 canvas 上绘制实心的文本strokeText(text,x,y) - 在 canvas 上绘制空心的文本<!DOCTYPE html><html><head> <meta charset="utf-8"> <title&...转载 2018-05-24 14:19:04 · 428 阅读 · 0 评论 -
H5-画圆
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head><body><canvas id="myCanvas"转载 2018-05-24 14:12:16 · 784 阅读 · 0 评论 -
H5-画线
在Canvas上画线,我们将使用以下两种方法:moveTo(x,y) 定义线条开始坐标lineTo(x,y) 定义线条结束坐标<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>你好</title> </head><b转载 2018-05-24 14:07:22 · 2448 阅读 · 0 评论 -
H5--画表格
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head><body><canvas id="myCanvas"原创 2018-05-24 13:59:07 · 1356 阅读 · 0 评论 -
h5-表单提交
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head><body> <form action="demo-form.p转载 2018-05-28 16:52:00 · 6196 阅读 · 0 评论 -
H5-视频
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head><body> <div style="text-align:原创 2018-05-28 10:46:17 · 130 阅读 · 0 评论 -
H5-定位
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head><body><p id="demo">点转载 2018-05-28 10:45:49 · 108 阅读 · 0 评论 -
H5-拖动
<!DOCTYPE html><html><head><meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title><style type="text/css">#div1, #div2{float:left; width:100转载 2018-05-28 10:32:20 · 281 阅读 · 0 评论 -
H5-SVG
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head><body><svg xmlns="http://www.w3.转载 2018-05-28 10:16:32 · 410 阅读 · 0 评论 -
H5-笔记
在画圆的时候,使用下面的方法arc(x,y,r,start,stop)画布的左上角坐标为0,0 x:圆心在x轴上的坐标 y:圆心在y轴上的坐标 r:半径长度 start:起始角度,以弧度表示,圆心平行的右端为0度 stop:结束角度,以弧度表示注意:Math.PI表示180°,画圆的方向是顺时针<canvas id="myCanvas" width="500" height="500" st...转载 2018-05-28 10:13:10 · 161 阅读 · 0 评论 -
H5-输入自动聚焦
First name:<input type="text" name="fname" autofocus>autofocus属性原创 2018-05-29 16:52:53 · 2079 阅读 · 0 评论