随笔分类 - html5
摘要：###在canvas中的像素操作 到目前为止，我们尚未深入了解Canvas画布真实像素的原理，事实上， 你可以直接通过ImageData对象操纵像素数据，直接读取或将数据数组写入该对象中 ###得到场景像素数据 getImageData():获得一个包含画布场景像素数据的ImageData对像,它代
阅读全文
摘要：##在canvas中绘制文本 canvas 提供了两种方法来渲染文本: fillText(text, x, y) 在指定的(x,y)位置填充指定的文本 strokeText(text, x, y) 在指定的(x,y)位置绘制文本边框 <!DOCTYPE html> <html> <head> <me
阅读全文
摘要：##在canvas中插入图片(需要image对象) 1.canvas操作图片时，必须要等图片加载完才能操作 2.drawImage(image, x, y, width, height) 其中 image 是 image 或者 canvas 对象，x 和 y 是其在目标 canvas 里的起始坐标。
阅读全文
摘要：###canvas绘制矩形 HTML中的元素canvas只支持一种原生的图形绘制：矩形。所有其他的图形的绘制都至少需要生成一条路径 1.绘制矩形 canvas提供了三种方法绘制矩形： >绘制一个填充的矩形（填充色默认为黑色） fillRect(x, y, width, height) >绘制一个矩形
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } html,body{ height: 100%; over
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } #wrap{ height: 400px; width: 400px; border: 1px solid ; margin: 0 auto; text-al
阅读全文
摘要：2 已经知道块元素的高宽垂直方案 3 <!--已知高度的元素水平垂直居中方案--> <!-- 绝对定位盒子的特性 高宽有内容撑开 水平方向上： left + right + width + padding + margin = 包含块padding区域的尺寸 0 0 100 0 0 400 垂直方向
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no"/> <title></
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } html{ overflow: hidden; height: 100%; } body{ overflow: auto; height: 100%; } #
阅读全文
摘要：<!--两组实现的对比: 1.俩种布局方式都是把主列放在文档流最前面，使主列优先加载。 2.两种布局方式在实现上也有相同之处，都是让三列浮动，然后通过负外边距形成三列布局。 3.两种布局方式的不同之处在于如何处理中间主列的位置： 圣杯布局是利用父容器的左、右内边距+两个从列相对定位； 双飞翼布局是把
阅读全文
摘要：<!DOCTYPE html><html><head><meta charset="utf-8" /><title>伪等高布局</title><style type="text/css">*{margin:0;padding:0;}#wrap{width:750px;border: 1px soli
阅读全文
摘要：三列布局 1一 1.两边固定 当中自适应 2.当中列要完整显示 3.当中列要优先加载 三列布局2二 1.两边固定 当中自适应 2.当中列要完整显示
阅读全文
摘要：1.两边固定 当中自适应 2.当中列要完整显示 3.当中列要优先加载 浮动: 搭建完整的布局框架 margin 为赋值:调整旁边两列的位置(使三列布局到一行上) 使用相对定位:调整旁边两列的位置（使两列位置调整到两头） 中间加入无限增高 <!-- 1.两边固定 当中自适应 2.当中列要完整显示 3.
阅读全文
摘要：使用form创建的仅仅是一个空白的表单， 我们还需要向form中添加不同的表单项 单选按钮 - 使用input来创建一个单选按钮，它的type属性使用radio - 单选按钮通过name属性进行分组，name属性相同是一组按钮 - 像这种需要用户选择但是不需要用户直接填写内容的表单项， 还必须指定一
阅读全文
摘要：当把子元素margin-top:100 时，其父元素会跟着一样改变 解决方法 用css解决 形成以下完全代码 运行后变成
阅读全文
摘要：首先生成三个div 第一个div设置边框并且包含第二个div 第三个div设置宽和高 运行并未出现高度塌陷问题，当我们让第二个div的box2里面添加 float: left; 浮动的时候就会出现 浮动时我们写滑动图片，要用的必要元素，为解决以上问题，有一下两种解法方法 第一种方法用 zoom:1;
阅读全文
摘要：http://www.5227788.cn/static/Change.html 简单动画
阅读全文
摘要：http://5227788.cn/static/time.html
阅读全文
浙公网安备 33010602011771号