webhmy

摘要： 我们经常会看到CSS3能制作出很炫酷的动画效果，但是自己却只能做一些简单的。原因是对CSS3动画只知其一，不知其二。最近正好有做动画的项目，于是花时间将css3动画做了一个探究之旅，记录在册。 动画是使元素从一种样式逐渐变化为另外一种效果，CSS3动画的生成，主要依赖 定义动画， 执行动画。 @ke 阅读全文

摘要： 本篇主要记录《CSS3揭秘》一书中后面几章的常用技巧。 1、伪元素换行 先看下HTML代码，如下 默认显示效果： 一般情况下，我们喜欢直接在第一个 元素后面加个换行符 span`设置成块元素。这里说的换行技巧是使用 伪元素+字符 来实现： 2、文字条纹背景 之前有遇到这样一个场景，一个标签，里面的数 阅读全文

摘要： Wavesurfer.js是一款基于HTML5 canvas和Web Audio的音频播放器插件，本文主要记录它及其视觉效果插件Regions插件的使用方法。 1、创建实例 引入插件 创建实例对象 options | 参数 | 默认值 | 说明 | | : |: |: | | audioRate | 阅读全文

摘要： 最近看了《CSS3揭秘》一书，里面真的是干货满满呀，现将常用到的一些技巧归纳总结，便于日后用到查找。不得不感叹学无止境哦~ 1、边框与背景 半透明边框 技巧归纳：使用背景剪切属性，将背景的显示不包含边框 ：对背景进行剪切，这个是根据css的盒模型分的： (背景包含到边框) (背景只包含到边距) (背 阅读全文

摘要： 我的个人博客 "http://webhmy.com/" 是通过hexo搭建的，它支持图片显示，支持md，无需主机空间，可以满足我的大部分需求。但是在2年的使用的过程中遇到一些问题，这里记录下来。便于下次快速复活它。 1、坑描述 用过 的应该知道，它的文件是本地存储的，发布到我们的 仓库，但是hexo 阅读全文

摘要： 本文主要记录如何使用 svg.js 实现对图形的拖拽，选择，图像渲染及各类形状的绘制操作。 1、关于SVG SVG 是可缩放的矢量图形，使用XML格式定义图像，可以生成对应的DOM节点，便于对单个图形进行交互操作。比CANVAS更加灵活一点。关于SVG的基础知识，请参考SVG学习地址。 2、SVG. 阅读全文

摘要： 本文主要介绍在使用ElementUI组件库的时候，常遇见的问题及使用到的方法，汇总记录便于查找。 1、表单 阻止表单的默认提交 输入框enter提交请求 表单重置 2、表格 表格长字段省略显示 序号翻页递增 3、组件 dialog弹窗关闭按钮失效 dialog弹窗保留滚动条 select 打开弹窗触 阅读全文

摘要： 本文主要介绍使用如何实现手动拖拽旋转元素的效果。 1、简述 最近在研究如何实现手动控制元素的旋转效果，在网上找了很多，都没有找出类似的实现，因此经过一些调研和计算，最终完美实现效果，在这里记录下来。 2、效果展示 通过手动旋转的方式，实现组件的360度无缝旋转。图示是实现结果的几个截图： 顺时针转到 阅读全文

摘要： 本文主要介绍一款好用的库，如何将HTML生成图片。 1、简述 最近在做的项目中，需要将界面转换成模板保存下来，本来想使用自适应布局完成，但是页面较复杂，模板较多，生成的模板使用过多的HTML标签，于是想着能否将HTML生成图片，保存及获取的时候直接使用图片，于是网上查了下，发现已经有人做好了轮子： 阅读全文

摘要： 本文主要记录Canvas基础知识汇总。 1、Canvas定义 标签只是图形的容器，真正绘制图形需要使用脚本来完成。通过使用 可以绘制路径,图形、字符以及添加图像。可以做出非常炫酷的各种特效效果。 兼容性：ie9+ 2、Canvas基本使用 2.1 创建画布和对象 默认情况下，canvas没有边框，没 阅读全文