2021年9月28日

H5核心技术---canvas中的变换

摘要： ###canvas中的变换 translate(x, y) 我们先介绍 translate 方法，它用来移动 canvas的原点到一个不同的位置。 translate 方法接受两个参数。x 是左右偏移量，y 是上下偏移量，在canvas中translate是累加的 rotate(angle) 这个阅读全文

posted @ 2021-09-28 13:54 leiyanting 阅读(55) 评论(0) 推荐(0)

H5核心技术---canvas绘制圆形

摘要： ###角度与弧度的js表达式:radians=(Math.PI/180)*degrees。 ###canvas绘制圆形 arc(x, y, radius, startAngle, endAngle, anticlockwise) 画一个以（x,y）为圆心的以radius为半径的圆弧（圆），从star 阅读全文

posted @ 2021-09-28 13:38 leiyanting 阅读(192) 评论(0) 推荐(0)

H5核心技术---canvas贝塞尔弧形

摘要： ###二次贝塞尔 quadraticCurveTo(cp1x, cp1y, x, y) 绘制二次贝塞尔曲线，cp1x,cp1y为一个控制点，x,y为结束点。起始点为moveto时指定的点 ###三次贝塞尔 bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y) 绘制阅读全文

posted @ 2021-09-28 13:38 leiyanting 阅读(64) 评论(0) 推荐(0)

H5核心技术---canvas基本模板

摘要： /* 1.路径容器每次调用路径api时,都会往路径容器里做登记调用beginPath时,清空整个路径容器 2.样式容器每次调用样式api时,都会往样式容器里做登记调用save时候,将样式容器里的状态压入样式栈调用restor时候,将样式栈的栈顶状态弹出到样式样式容器里,进行覆盖 3.样式栈阅读全文

posted @ 2021-09-28 10:18 leiyanting 阅读(92) 评论(0) 推荐(0)

H5核心技术---canvas绘制路径

摘要： ###canvas绘制路径图形的基本元素是路径。路径是通过不同颜色和宽度的线段或曲线相连形成的不同形状的点的集合。 ###步骤 1.首先，你需要创建路径起始点。 2.然后你使用画图命令去画出路径 3.之后你把路径封闭。 4.一旦路径生成，你就能通过描边或填充路径区域来渲染图形。 ###绘制三角形阅读全文

posted @ 2021-09-28 09:56 leiyanting 阅读(172) 评论(0) 推荐(0)

2021年9月27日

H5核心技术---canvas绘制矩形

摘要： ###canvas绘制矩形 HTML中的元素canvas只支持一种原生的图形绘制：矩形。所有其他的图形的绘制都至少需要生成一条路径 1.绘制矩形 canvas提供了三种方法绘制矩形： >绘制一个填充的矩形（填充色默认为黑色） fillRect(x, y, width, height) >绘制一个矩形阅读全文

posted @ 2021-09-27 21:03 leiyanting 阅读(224) 评论(0) 推荐(0)

H5核心技术---canvas基本用法

摘要： canvas基本用法 1.什么是canvas(画布) <canvas> 是 HTML5 新增的元素，可用于通过使用JavaScript中的脚本来绘制图形例如，它可以用于绘制图形，创建动画。<canvas> 最早由Apple引入WebKit 我们可以使用<canvas>标签来定义一个canvas元素阅读全文

posted @ 2021-09-27 20:05 leiyanting 阅读(514) 评论(0) 推荐(0)

h5核心技术---语义化标签

摘要： ###语义化标签在HTML 5出来之前，我们用div来表示页面头部，章节，页脚等。但是这些div都没有实际意义。各大浏览器厂商分析了上百万的页面，从中发现了DIV名称的通用id名称大量重复。例如，很多开发人员喜欢使用 div id="footer"来标记页脚内容，所以Html5元素引入了语义化标阅读全文

posted @ 2021-09-27 14:42 leiyanting 阅读(112) 评论(0) 推荐(0)

h5核心技术---<!DOCTYPE html>的作用(DOCTYPE)

摘要： DOCTYPE描述了html文档的类型，对不同的DOCTYPE类型，浏览器会使用不同的方法来解析。没有 <!DOCTYPE html> 会以怪异模式来渲染页面在ie9往上的浏览器中,三种模式在渲染方面几乎没有区别在ie 7 8 9中,理论上存在怪异模式,实际只有标准模式在ie6中,标准模式和阅读全文

posted @ 2021-09-27 14:30 leiyanting 阅读(499) 评论(0) 推荐(0)

jQuery基础---attr与prop的区别

摘要： ###1.什么是attribute，什么是property html标签的预定义和自定义属性我们统称为attribute js原生对象的直接属性，我们统称为property ###2.什么是布尔值属性，什么是非布尔值属性 property的属性值为布尔类型的我们统称为布尔值属性 property的阅读全文

posted @ 2021-09-27 14:06 leiyanting 阅读(47) 评论(0) 推荐(0)

导航

2021年9月28日

2021年9月27日