本文作者：ivweb caorich data.json 文件格式 以下的内容当设计接口的详细说明时，请移步bodymovin的官方文档。文档的是用JSON Schema编写的，这玩意儿就是一个词汇表，相当于本体的json实现，规范了对象、属性的表达方式（而已）。 言归正传。了解AE导出的data.

本文作者：ivweb villainthr TL;DR 本文主要是讲解关于 SVG 的一些高级动画特效，比如 SVG 动画标签，图形渐变，路径动画，线条动画，SVG 裁剪等。 例如：路径动画 图形渐变： 线条动画： 以及，相关的动画的矩阵知识，这个也是现在 CSS 动画里面最重要，同时也是最为欠缺的

本文作者：ivweb villainthr 接SVG 动画精髓（上） 线条动画 SVG 中的线条动画常常用作过渡屏（splash screen）中。例如： 或者，一些比较炫酷的 LOGO 中，比如 AllowTeam 的： 看到这些炫酷的效果，大家有没有动心想学一学，看看自己到底能否做的这么好呢？

本文作者：ivweb villainthr ​ SVG 全称是 Scalable Vector Graphics，即，矢量图。在 Web 中使用 SVG 可以解决位图放大失真的问题。首先，不要把 SVG 和 CSS，Canvas，HTML 搞混。他们之间并没有你中有我，我中有你的关系。SVG 是通过

​ ​ 演讲摘要 Tim Berners-Lee：网络的自由和开放 网络重要的原因，同时网络能够发挥作用的原因，网络能够成功的原因，就是它的开放性。这个属性对任何事物都是适用的，对任何设备都是适用的，并且在所有环境中都是适用的，它能让任意两个人进行相互沟通。 很多人都听说过HTML5，这是网页使用的

经过腾讯 Omi 团队的努力，今天你可以在小程序中使用 Cax 引擎高性能渲染 SVG！ SVG 是可缩放矢量图形(Scalable Vector Graphics)，基于可扩展标记语言，用于描述二维矢量图形的一种图形格式。它由万维网联盟制定，是一个开放标准。SVG 的优势有很多: SVG 使用 X

​ 导语：直播过程中，往往会有各种动画特效增强直播效果，近期需求中，设计要求在企鹅电竞PC官网上实现一种卡牌效果，在不规则图片上叠加倒计时效果。前端项目中，往往使用css来完成动画，像倒计时效果也可以使用css完成，但是相对来说css实现方案比较复杂，层次嵌套较多。倒计时动效要求覆盖图片的倒计时阴影

作者：fransli，腾讯 PCG 前端开发工程师 Web 水印技术在信息安全和版权保护等领域有着广泛的应用，对防止信息泄露或知识产品被侵犯有重要意义。水印根据可见性可分为可见水印和不可见水印（盲水印），本文将分别予以介绍，带你探秘 web 水印技术。 可见水印 最简单的水印 一种比较常见的简单水印