首先认识一下引导蒙层，如下图页面是一个蒙层，会在某个局部位置高亮我们需要重点突出的内容：

基于HTML5 canvas 获取文本占用的像素宽度直接上代码// 获取单行文本的像素宽度getTextPixelWith(text, fontStyle) {var canvas = document.createElement("canvas"); // 创建 canvas 画布var context ......

之前在 这篇文章 里，我介绍了如何使用UIElement.Clip裁剪UIElement的内容，使用代码如下：

url: 'https://www.thingjs.com/static/models/storehouse'    // 三维可视化场景地址

刮刮卡是大家非常熟悉的一种网页交互元素了。实现刮涂层的效果，需要借助canvas来实现，想必每个前端工程师都清楚。实现刮刮卡并不难，但其中却涉及很多知识点，掌握这些知识点，有助于我们更深刻理解原理，对于提升举一反三的能...

今天段老师给同学们带来的是基于canvas 画板绘制彩色发光的光线交织背景动画特效。（是不是非常的炫酷）

项目地址：https://github.com/jiasm/2048LiveDemo: http://jiasm.org/2048

一般来说，品牌介绍页都是少不了各种动画的。这里我列出了辅导品牌页的三个主要的动画，后面我会讲我的实现

手Q天气是在手Q 6.0版本以上新增的功能，页面会展现当天的气温情况，已经五天温度折线图以及24小时温度图表等。 并且为了更好的交互效果，天气页面会根据8种不同的天气信息，展现相应的天气动画。如下雨下雪，飘云，日光闪烁等动...

本文作者：IMWeb 袁飞翔 原文出处：IMWeb社区 未经同意，禁止转载 前言花样直播项目客服端的动画基本已都使用web来做，总结分享一下方案列表css3动画canvas 动画播图片gif图片各个方案的优缺点css3动画优点：启用css3的3d加速...