10 2016 档案
摘要：动画原理 SVG动画，就是元素的属性值关于时间的变化。 如下图来说，元素的某个属性值的起始值（from）到结束值（to）在一个时间段（duration）根据时间函数（timing-function）计算出每一帧（frame）的插值（interpolation）作为变换的行为。 PS：SVG动画是帧动
阅读全文
摘要：SVG图形引用、裁切、蒙版，使用三个标签： 1. <use>标签创建图形引用 2. <clipPath>标签裁切图形 3. <mask>标签创建蒙版 <use>标签 <use>标签使用URI引用一个<g>,<svg>或其他具有一个唯一的ID属性和重复的图形元素。复制的是原始的元素，因此
阅读全文
摘要：该部分为四个主要部分： 1. <text>和<tspan>标签详解 2. 文本水平垂直居中问题 3. <textpath>让文本在指定路径上排列 4. <a>插入超链接 <text>和<tspan>标签 <text>和<tspan>标签是定义文本的基本标签。 <text> 参数
阅读全文
摘要：早上从天河出发，到花都，一路上平常的车水马龙，但有歌神的歌陪伴，一切就不普通了。 到了花都王子山的山脚，在所有人都急着上厕所时候，上了旁边木桥，见到一波碧水。 王子山，我唯一印象深是这个介绍牌，我奇怪为什么是“王子俩”一起鸳鸯戏水，古代就已经在搞基了吗~ ——山是平常的山，水是清澈的水，山区的山水大
阅读全文
摘要：课程分为四个方面： 1. Path概述 2. 移动和直线命令 3. 弧线命令 4. 贝塞尔曲线命令 Path概述 <path> 标签用来定义路径，Path字符串是由命令及其参数组组成的字符串，是非常强大的绘图工具。 例如： 命令汇总 命令 含义 M/m (x,y) 移动当前位置 L/l (x,y)
阅读全文
摘要：颜色 RGB和HSL都是CSS3支持的颜色表示方法，一般普遍使用是RGB。PS：HSL浏览器兼容。 RGB RGB即是代表红、绿、蓝三个通道的颜色，通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的。 表示方式 取值范围 优点 缺点 rgb(r, g,
阅读全文
摘要：SVG的画布、画布视区（viewBox）、浏览器视窗的概念 画布 画布是绘制SVG内容的一块区域，理论上在所有维度上都是无限的。（也有人称为“SVG世界”，但我觉得叫画布比较合适） 画布视区（viewBox） 就是截取画布某一块矩形区域作为显示的区域。（有人也称为“视野”或“视区盒子”，但我觉得不够
阅读全文
摘要：这部分包括三个内容： 1. 基本图形 2. 基本属性 3. 基础操作API 基本图形 名称 描述 参数 图示 rect 定义一个矩形 x="矩形的左上角的x轴" y="矩形的左上角的y轴" rx="x轴的半径（round元素）" ry="y轴的半径（round元素）" width="矩形的宽度"。必
阅读全文
摘要：（推荐使用）Mock.js是一款模拟数据生成器，旨在帮助前端攻城师独立于后端进行开发，帮助编写单元测试。 提供了以下模拟功能： 1. 根据数据模板生成模拟数据。 2. 模拟Ajax请求，生成并返回模拟数据。 3. 基于 HTML 模板生成模拟数据。 PS：http://mockjs.com/ 用处
阅读全文
摘要：最近看了一篇关于教育的文章【老师惊人自白：我为什么不愿教“穷人家”的小孩？！】，感触良多，也有些话想说。 原文内容： 首先申明：所说的“穷人家”更多是指自己不爱学习、不会思考，精神上很贫瘠的孩子父母，与经济和社会地位无关。 囿于自己的视野，他们在孩子幼小时没有付出心力，却在孩子长大，学习上遇到困难时
阅读全文
摘要：看过很多动漫，有三大日本动漫，火影、海贼王、死神，也有一些比较短的番，像lovelife、从零开始的异世界生活、食尸鬼等等。里面有很多动漫的角色，而我最喜欢的始终只有一个——罗罗诺亚·索隆。 一个让人印象深刻的动漫，最为关键的是就是主角们的人生目标。比较明确的是，火影，每个人都知道鸣人是想成为火影的
阅读全文
摘要：最近遇到SVG这个名词，于是查阅资料，做个笔记。 前言 图片的数字化。将图片存储为数据有两种方案。 位图。也被称为光栅图。即是以自然的光学的眼光将图片看成在平面上密集排布的点的集合。每个点发出的光有独立的频率和强度，反映在视觉上，就是颜色和亮度。这些信息有不同的编码方案，在互联网上最常见的就是RGB
阅读全文
