html5
你真好看l
。。
展开
-
canvas变换
<!-- canvas变换 translate(x,y) 移动原点到一个不同的位置(累加的) rotate(angle) (angle参数是弧度,顺时针方向) 旋转的中心点是canvas的原点(translate来改变原点) scale(x,y) 两个参数,横轴竖轴的缩放因子 --> <style type="text/css"> #test{ background-color: #008000; } </st原创 2020-07-01 15:01:34 · 233 阅读 · 0 评论 -
canvas实例:签名
canvas签名<canvas id="test" width="500" height="500"></canvas> <script type="text/javascript"> window.onload=function(){ var testNode = document.getElementById("test") if(testNode.getContext){ var ctx = testNode.getContex原创 2020-06-17 12:33:10 · 241 阅读 · 0 评论 -
html5canvas基础
文章目录canvas基础canvas画矩形canvas绘制三角形save& restorecanvas基础1.什么是canvash5新增元素,可通过js中的脚本来绘制图形使用标签来定义一个canvas元素,使用这个标签时建议成对出现,不要使用闭合形式(考虑兼容)canvas默认具有宽高width:300px;height:150px;2.替换内容标签中提供替换内容,不支持canvas的浏览器就会显示内容,而支持canvas标签的浏览器就会忽略标签中的内容3.标签只有两个属性:widt原创 2020-06-17 09:20:24 · 445 阅读 · 0 评论 -
h5语义化标签
1在h5之前,我们使用div表示页面各个部分,但是这些div都没有实际意义各大浏览器分析了上百万的页面,从中发现div的名称的通用id名称大量重复,,所以h5引入了语义化标签 <hgroup></hgroup> 代表网页或section的标题,当有多个层级时,该元素可以将h1-h6放在其内,例如文章主标题和副标题的组合 使用:如果只有一个h1-h6标签就不用这个标签 如果有连续多个h1-h6标签就用这个 如果有连续多个标题和其他文章数据,h1-h原创 2020-06-15 21:19:37 · 356 阅读 · 0 评论 -
h5
1. h5是html标准的最新版本,术语表示两个概念: 1.他是一个新版本的html语言,具有强大的元素、属性和行为 2.它具有更大的技术集,允许多样化和强大的网站和应用程序。 html5 约等于html +css+ js 2 html5优势 跨平台(浏览器应用(所以跨平台) java运行在jvm虚拟机上所以也是跨平台) 快速迭代 降低成本 导流入口多 分发效率高 3.doctype和浏览器渲染模式 通常,文档类型声明位于html文档的最前面,因为浏览器在解析html之.原创 2020-06-15 15:21:11 · 390 阅读 · 0 评论 -
h5的新增属性classList、contenteditable、自定义属性data-*
1.h5新增属性classListclassList 属性返回元素的类名,作为 DOMTokenList 对象。该属性用于在元素中添加add(),移除remove()及切换toggle()CSS 类。2.data-为H5新增的为前端开发者提供自定义的属性,这些属性集可以通过对象的 dataset 属性获取,不支持该属性的浏览器可以通过getAttribute 方法获取注意:data-之后的以连字符分割的多个单词组成的属性,获取的时候使用驼峰风格<div id="test" class="la原创 2020-06-14 09:26:59 · 357 阅读 · 0 评论 -
h5-attribute和property
1.什么是attribute,什么是property属性?attribute:html自定义属性 html预定义属性property:js原生对象的直接属性每一个预定义的attribute都会有一个property与之对应2.什么是布尔值属性,什么是非布尔值属性?同步关系布尔值属性:你的property是布尔值类型 checked就是布尔值属性改变property不会同步attribute在没有动过property时,attribute会同步property一旦动过就不会同步非原创 2020-06-14 08:22:12 · 389 阅读 · 0 评论 -
attribute属性property属性
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <!-- 1.什么是attribute,什么是property属性? attribute: html自定义属性 html预定义属性 propert...原创 2019-11-12 22:49:05 · 218 阅读 · 0 评论