动画原理 SVG动画，就是元素的属性值关于时间的变化。 如下图来说，元素的某个属性值的起始值（from）到结束值（to）在一个时间段（duration）根据时间函数（timing-function）计算出每一帧（frame）的插值（interpolation）作为变换的行为。 PS：SVG ...

zrender & svg window.prompt double click https://codepen.io/xgqfrms/pen/jOEGNvw ...

iconfont三种方式的优缺点 unicode 优点： 1.兼容性最好，支持ie6+ 2.支持按字体的方式去动态调整图标大小，颜色等等 缺点： 1.不支持多色图标 2.在不同的设备浏览器字体的渲染 ...

在SVG中,通过svg标记的 width和height可以规定这段SVG代码所表达的数据在绘制时所占用的空间大小 如下代码svg设置了宽度与高度，rect同样，所以结果自然是全屏 考虑下，是不是这段SVG代码中所表达的数据全部均可被绘制出来达到可见呢? svg出现 ...

SVG中的’defs’ and ‘use’-可复用的图元定义 在下一个示例中，我使用了defs中的元素之前，定义了如何去展现图元。 <?xml version="1.0" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD ...

前面的话 　　SVG动画非常强大，只需要设置HTML元素，不需要CSS和JS，就可以实现动画效果。本文将详细介绍SVG动画 概述 　　动画实际上就是值关于时间的一个函数。在这个函数中，包含起始值和结束值，经过的时间一般被称为持续时间。动画执行时的曲线就是动画函数。但是，在计算机中 ...

canvas 画布 位图 　　1. 不要在style中给canvas设置宽高 会有位移差 　　2.　给c设置一个绘图环境 得到的是一个对象 　　　　var c=document.get ...

用 svg 元素画出一条直线很简单，用 line 等元素都可以，可是画虚线的话，就需要一个属性： stroke-dasharray: 1 2; 画1px 空2px （长这个样子） stroke-dasharray: 1 2 3；画 1px 空2px 画3px 空1px ...