![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML5
飞羽逐星
既然厌倦于追寻,那便一觅其中;自从一股逆风袭来,我已学会抵挡八面来风。
展开
-
H5进阶
H5进阶一、一、原创 2020-08-16 09:30:53 · 340 阅读 · 0 评论 -
H5学习SVG
SVG一、SVG1.线和矩形2.圆、椭圆、折线3.多边形和文本4.透明度与线条样式5.路径Path6.画弧7.线性渐变8.高斯模糊9.viewBox一、SVG1.线和矩形线.line1{ stroke: black; stroke-width: 3px;}<svg width='500px' height='300px' style='border: 1px solid #000'> <line x1='100' y1='100' x2='200'原创 2020-07-25 16:59:07 · 577 阅读 · 0 评论 -
H5学习语义化标签、canvas
语义化标签一、语义化标签二、canvas1.定义2.矩形3.矩形运动4.圆形5.圆角矩形6.贝塞尔曲线7.平移缩放8.sava和restore9.背景填充10.绘制文字11.线端样式一、语义化标签<header></header>定义文档或者文档的一部分区域的页眉,应该作为介绍内容或者导航链接栏的容器** header标签不能被放在 footer、address或者另一个 header元素内部 **<footer></footer>定义原创 2020-07-24 23:15:26 · 592 阅读 · 0 评论 -
H5学习新增属性
新增属性一、draggable1.简介2.拖拽周期3.拖拽组成4.拖拽事件5.应用一6.应用二一、draggable1.简介规定元素是否可拖动Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 浏览器支持 draggable 属性<div draggable="true"></div>有些标签默认属性值为true,即默认可以拖拽:<a href=""></a>、<img src="原创 2020-07-23 19:59:09 · 318 阅读 · 2 评论 -
H5学习input新增类型和contenteditable
input一、Input 类型type1.date2.time3.week4.datetime-local5.number6.email7.color8.range9.search10.url二、placeholder三、contenteditable一、Input 类型type并不是所有的主流浏览器都支持新的input类型,不过您已经可以在所有主流的浏览器中使用它们了。即使不被支持,仍然可以显示为常规的文本域1.date从一个日期选择器选择一个日期,Chrome支持,Safari、IE不支持&l原创 2020-07-23 16:16:10 · 1147 阅读 · 1 评论