TypechoJoeTheme

快把钟哥带走

zyz

网站页面
标签搜索
搜索到 12 篇与 H5&C3 的结果
2018-06-13

H5&C3之新特性

H5&C3之新特性
一、新的选择器getElementByClassNamevar oDiv = document.getElementsByClassName('box')[0]; var oDiv = document.getElementsByClassName('box view')[0];querySelectorvar oDiv = document.querySelector('#div1'); // 只能选择一组中的第一个元素 var oDiv = document.querySelector('.box'); var oDiv = document.querySelector("[title=hello]");querySelectorAllvar aLi = document.querySelectorAll("li"); var aDiv = document.querySelectorAll(".box");二、class列表属性操作classList: 获取元素中类名类似与数组的对象 alert( oDiv.cl...

H5&C3

776 阅读
2018年06月13日
776 阅读
0 评论
2018-06-13

H5&C3之Canvas(画布)

H5&C3之Canvas(画布)
一、什么是 Canvas?HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像画布是一个矩形区域,可以控制其每一像素canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法二、canvas基本使用添加canvas元素(创建画布)// 在页面中添加一个canvas标签(默认画布是300*150) <canvas id="view1" width="300" height="300"> <i>不支持canvas浏览器</i> </canvas>通过JavaScript绘制图像<script> // 1、获取到canvas元素 var oView = document.getElementById("view1"); // 2、通过getContext获取绘制环境(多种绘制路径、矩形、圆形、字符以及添加图像的方法) var oGC = oView.getContext('2d'); // 3、填充矩形 oG...

H5&C3

1,291 阅读
2018年06月13日
1,291 阅读
0 评论