HTML <datalist> 标签
实例
下面是一个 <input> 元素，<datalist> 中描述了其可能的值：
<input list="browsers">
<datalist id="browsers">
<option value="Internet Explorer"&……继续阅读 »
2年前 (2022-09-04) 26浏览 0评论
0个赞
Datalist options 集合
Datalist 对象
实例
遍历datalist控件的所有选项，并输出选项值：
var x = document.getElementById(“mySelect”);var txt = “”;for (var i = 0;
i < x.options.length; i++) { txt =……继续阅读 »
2年前 (2022-09-04) 54浏览 0评论
0个赞
HTML <colgroup> 标签
实例
<colgroup> 和 <col> 标签为表格中的三个列设置了背景色：
<table border=”1″>
<colgroup>
<col span=”2″ style=”backgr……继续阅读 »
2年前 (2022-09-04) 34浏览 0评论
0个赞
HTML DOM Column 对象
Column 对象
Column 对象是HTML table（表格）中的列。
在每个HTML文档的 <col> 标签中，都可以创建Column对象。
<col> 元素描述了在 <colgroup> 元素中的每个列属性。
如需对全部列应用样式，<col> 标签很有用，这样就不需要对各个单元和各行重复应用样式了。
Colum……继续阅读 »
2年前 (2022-09-04) 19浏览 0评论
0个赞
Columngroup span 属性
Columngroup 对象
实例
返回 <colgroup> 元素横跨的列数:
var x = document.getElementById(“myColgroup”).span;
x 输出结果为:
2
定义和使用
span 属性设置或者返回列组span属性的值。
span 属性定义 <colgroup> 元素横……继续阅读 »
2年前 (2022-09-04) 93浏览 0评论
0个赞
HTML <col> 标签
实例
<colgroup> 和 <col> 标签为表格中的三个列设置了背景色：
<table border=”1″>
<colgroup>
<col span=”2″ style=”background-……继续阅读 »
2年前 (2022-09-04) 40浏览 0评论
0个赞
HTML DOM Columngroup 对象
Columngroup 对象
Columngroup 对象代表着HTML表格（table）的一组列。
在HTML文档中每个 <colgroup> 标签，都会创建一个 Columngroup 对象。
如需对全部列应用样式，<colgroup> 标签很有用，这样就不需要对各个单元和各行重复应用样式了。<colgroup> 标签只能在……继续阅读 »
2年前 (2022-09-04) 91浏览 0评论
0个赞
HTML 表格
HTML 表格实例:
First Name
Last Name
Points
Jill
Smith
50
Eve
Jackson
94
John
Doe
80
Adam
Johnson
67
在线实例
表格
这个例子演示如何在 HTML 文档中创建表格。
（可以在本页底端找到更多实例。）
HTML 表格
表格由 <table> 标签来定义。每个表格均有若……继续阅读 »
2年前 (2022-09-04) 108浏览 0评论
0个赞
HTML5 Canvas
<canvas> 标签定义图形，比如图表和其他图像，您必须使用脚本来绘制图形。
在画布上（Canvas）画一个红色矩形，渐变矩形，彩色矩形，和一些彩色的文字。
你的浏览器不支持 HTML5 的 <canvas> 元素.
var c=document.getElementById(“myCanvas”);
var canvOK=1;
try ……继续阅读 »
2年前 (2022-09-04) 60浏览 0评论
0个赞
Column span 属性
Column 对象
实例
返回<col>元素横跨的列数（即span的值）:
var x = document.getElementById(“myCol”).span;
x 输出结果为:
2
定义和使用
span 属性用于设置或者返回列的span属性值。
span 属性定了 <col> 元素横跨的列数。
浏览器支持
所有主流……继续阅读 »
2年前 (2022-09-04) 23浏览 0评论
0个赞
canvas{
border:1px solid #d3d3d3;
margin-bottom:20px;
}
.gcoDIV{
float:left;
width:140px;
}
HTML canvas globalCompositeOperation 属性
Canvas 对象
实例
使用不同的 globalCompositeOperation 值绘制矩形。红色矩形是目标图像，蓝色矩形是源图像：
so……继续阅读 »
2年前 (2022-09-04) 99浏览 0评论
0个赞
HTML canvas globalAlpha 属性
Canvas 对象
实例
首先，绘制一个红色的矩形，然后将透明度 (globalAlpha) 设置为 0.5，然后再绘制一个蓝色和一个绿色的矩形：
YourbrowserdoesnotsupporttheHTML5canvastag.
var c=document.getElementById(“myCanvas”);
var canvO……继续阅读 »
2年前 (2022-09-04) 40浏览 0评论
0个赞
HTML canvas getImageData() 方法
Canvas 对象
实例
下面的代码通过 getImageData() 复制画布上指定矩形的像素数据，然后通过 putImageData() 将图像数据放回画布：
var c=document.getElementById(“myCanvas”);
var ctx=c.getContext(“2d”);
……继续阅读 »
2年前 (2022-09-04) 138浏览 0评论
0个赞
HTML canvas putImageData() 方法
Canvas 对象
实例
下面的代码通过 getImageData() 复制画布上指定矩形的像素数据，然后通过 putImageData() 将图像数据放回画布：
var c=document.getElementById(“myCanvas”);
var ctx=c.getContext(“2d”);
……继续阅读 »
2年前 (2022-09-04) 71浏览 0评论
0个赞
HTML canvas ImageData data 属性
Canvas 对象
实例
创建 100*100 像素的 ImageData 对象，其中每个像素均被设置为红色：
画布
YourbrowserdoesnotsupporttheHTML5canvastag.
var c=document.getElementById(“myCanvas”);
var canvOK=1;
try {c.……继续阅读 »
2年前 (2022-09-04) 31浏览 0评论
0个赞
HTML canvas createImageData() 方法
Canvas 对象
实例
创建 100*100 像素的 ImageData 对象，其中每个像素都是红色的，然后把它放到画布上：
YourbrowserdoesnotsupporttheHTML5canvastag.
var c=document.getElementById(“myCanvas”);
var canvOK=1;……继续阅读 »
2年前 (2022-09-04) 13浏览 0评论
0个赞
HTML canvas ImageData height 属性
Canvas 对象
实例
输出 ImageData 对象的高度：
alert(“Height of imgData is: ” + imgData.height);
浏览器支持
Internet Explorer 9、Firefox、Opera、Chrome 和 Safari 支持 ImageData height 属性……继续阅读 »
2年前 (2022-09-04) 57浏览 0评论
0个赞
HTML canvas ImageData width 属性
Canvas 对象
实例
输出 ImageData 对象的宽度：
alert(“Width of imgData is: ” + imgData.width);
浏览器支持
Internet Explorer 9、Firefox、Opera、Chrome 和 Safari 支持 ImageData
width 属性。
注意……继续阅读 »
2年前 (2022-09-04) 11浏览 0评论
0个赞
HTML canvas measureText() 方法
Canvas 对象
实例
在画布上输出文本之前，检查字体的宽度：
YourbrowserdoesnotsupporttheHTML5canvastag.
var c=document.getElementById(“myCanvas”);
var canvOK=1;
try {c.getContext(“2d”……继续阅读 »
2年前 (2022-09-04) 70浏览 0评论
0个赞
HTML canvas drawImage() 方法
Canvas 对象
要使用的图片：
实例
向画布上面绘制图片：
YourbrowserdoesnotsupporttheHTML5canvastag.
var c=document.getElementById(“myCanvas”);
var canvOK=1;
try {c.getContext(“2d”);……继续阅读 »
2年前 (2022-09-04) 64浏览 0评论
0个赞
HTML canvas strokeText() 方法
Canvas 对象
实例
使用 strokeText()，在画布上写文本 “Hello world!” 和 “Big smile!”（带渐变）：
YourbrowserdoesnotsupporttheHTML5canvastag.
var c=document.getElementById(“myC……继续阅读 »
2年前 (2022-09-04) 63浏览 0评论
0个赞
HTML canvas textBaseline 属性
Canvas 对象
实例
在 y=100 处绘制一条红线，然后在 y=100 处用不同的 textBaseline 值放置每个单词：
YourbrowserdoesnotsupporttheHTML5canvastag.
var c=document.getElementById(“myCanvas”);
var canvOK=1;
t……继续阅读 »
2年前 (2022-09-04) 95浏览 0评论
0个赞
HTML canvas fillText() 方法
Canvas 对象
实例
使用 fillText()，在画布上写文本 “Hello world!” 和 “Big smile!”：
YourbrowserdoesnotsupporttheHTML5canvastag.
var c=document.getElementById(“myCanvasR……继续阅读 »
2年前 (2022-09-04) 28浏览 0评论
0个赞
HTML canvas textAlign 属性
Canvas 对象
实例
在位置 150 创建一条红线。位置 150 是下面实例中定义的所有文本的锚点。请研究每种 textAlign 属性值的效果：
YourbrowserdoesnotsupporttheHTML5canvastag.
var c=document.getElementById(“myCanvas”);
var canvO……继续阅读 »
2年前 (2022-09-04) 69浏览 0评论
0个赞
HTML canvas font 属性
Canvas 对象
实例
在画布上写一段 30 像素的文本，使用的字体是 “Arial”：
YourbrowserdoesnotsupporttheHTML5canvastag.
var c=document.getElementById(“myCanvas”);
var canvOK=1;
try {c.getContext(……继续阅读 »
2年前 (2022-09-04) 64浏览 0评论
0个赞
HTML canvas setTransform() 方法
Canvas 对象
实例
绘制一个矩形，通过 setTransform() 重置并创建新的变换矩阵，再次绘制矩形，重置并创建新的变换矩阵，然后再次绘制矩形。请注意，每当您调用 setTransform() 时，它都会重置前一个变换矩阵然后构建新的矩阵，因此在下面的例子中，不会显示红色矩形，因为它在蓝色矩形下面：
Yourbrowserdoesnotsupp……继续阅读 »
2年前 (2022-09-04) 56浏览 0评论
0个赞
HTML canvas translate() 方法
Canvas 对象
实例
在位置 (10,10) 处绘制一个矩形，将新的 (0,0) 位置设置为 (70,70)。再次绘制新的矩形（请注意现在矩形从位置 (80,80) 开始绘制）：
YourbrowserdoesnotsupporttheHTML5canvastag.
var c=document.getElementById(“myCanvas&……继续阅读 »
2年前 (2022-09-04) 14浏览 0评论
0个赞
HTML canvas transform() 方法
Canvas 对象
实例
绘制一个矩形，通过 transform() 添加一个新的变换矩阵，再次绘制矩形，添加一个新的变换矩阵，然后再次绘制矩形。请注意，每当您调用 transform() 时，它都会在前一个变换矩阵上构建：
YourbrowserdoesnotsupporttheHTML5canvastag.
var c=document.getElement……继续阅读 »
2年前 (2022-09-04) 31浏览 0评论
0个赞
HTML canvas rotate() 方法
Canvas 对象
实例
将矩形旋转 20 度：
YourbrowserdoesnotsupporttheHTML5canvastag.
var c=document.getElementById(“myCanvas”);
var canvOK=1;
try {c.getContext(“2d”);}
catch (er……继续阅读 »
2年前 (2022-09-04) 41浏览 0评论
0个赞
HTML canvas scale() 方法
Canvas 对象
实例
绘制矩形，放大到 200%，然后再次绘制矩形：
YourbrowserdoesnotsupporttheHTML5canvastag.
var c=document.getElementById(“myCanvas”);
var canvOK=1;
try {c.getContext(“2d”);……继续阅读 »
2年前 (2022-09-04) 11浏览 0评论
0个赞
