html5
安歌的博客
向内认知,向外行走
展开
-
关于canvas的方法和属性
获取 Canvas 对象获取到 Canvas 的上下文环境的语法为:canvas.getContext(contextType, contextAttributes);上下文类型(contextType):2d(本小册所有的示例都是 2d 的):代表一个二维渲染上下文webgl(或"experimental-webgl"):代表一个三维渲染上下文webgl2(或"experimenta...原创 2018-10-31 15:44:56 · 552 阅读 · 0 评论 -
svg入门
<svg>标签width:指定了svg图像在HTML元素中所占据的宽度height :知道了svg图像在HTML元素中所占据的高度viewBox : 展示svg图像的一部分,该属性有四个值,分别代表左上角的横坐标和纵坐标、视口的宽度和高度。如果不指定width属性和height属性,只指定viewBox属性,则相当于只给定 SVG 图像的长宽比。这时,SVG 图像的默认大小将等于...原创 2018-10-31 16:41:32 · 313 阅读 · 0 评论 -
svg动画
svg animation元素<set>:可以在特定时间之后修改某个属性值(也可以是CSS属性值)<animation>:基础动画元素,实现单属性的动画过渡效果<animateColor>:颜色动画<animateTransform>:变换动画效果<animateMotion&原创 2018-11-01 15:23:47 · 1448 阅读 · 0 评论 -
SVG实现描边动画
SVG动画效果先来放一个自己写的效果:OK,现在我们来聊一聊SVG描边动画的实现一、基础知识1、stroke相关属性stroke:表示描边的颜色。stroke-width :表示描边的粗细。stroke-linecap :表示描边端点表现方式。可用值有:butt, round, square, inherit.stroke-linejoin 表示描边转角的表现方式。可用值有...原创 2018-11-02 15:03:25 · 1472 阅读 · 0 评论 -
实现可输入的下拉框
第一种方式:input + select<html><head> <meta charset="utf-8"> <title>js实现可输入的下拉框</title> <style type="text/css"> .wrap { position: relative; } .原创 2018-12-29 10:56:40 · 9257 阅读 · 2 评论 -
HTML之colgroup与col
colgroup<colgroup>标签用于对表格中的列进行组合,以便对其进行格式化。 通过使用 <colgroup>标签,可以向整个列应用样式,而不需要重复为每个单元格或每一行设置样式。 只能在 table 元素内使用 <colgroup> 标签。<table border="1" width="60%"> <colg原创 2019-02-15 10:30:54 · 1804 阅读 · 0 评论 -
手机端调试H5——vConsole
在开发H5中当需要调试页面时,我们可以利用pc端的控制台来进行页面调试,但有时候我们还需要在手机端进行调试,那么此时我们就需要使用到一些手机前端开发调试利器,可以方便我们在手机前端页面看到log日志,vconsole就是这样一个工具。vConsole:一个轻量、可拓展、针对手机网页的前端开发者调试面板。vconsole使用起来也比较方便,你可以通过npm或者cdn等方式引入,然后初始化vcon...原创 2019-09-11 15:12:19 · 840 阅读 · 0 评论