svg的几个小案例
最近经常用到svg，闲的无聊的时候做了几个简单的小例子，希望能帮到大家，svg会用了之后做动画和图片都方便了好多，接下来就看看小例子吧！！
1、例子一
css代码
svg{
display: block;
margin: 60px auto;
}
#dax
标签：HTML5
最近做了一个用canvas合成海报图片的移动端项目，由于一点canvas基础都没有，所以去网上搜了一位前辈的demo，但是开发过程中遇到了很多问题，现将所遇问题及解决方法总结如下：
1、移动端canvas项目适配全屏问题
问题描述：由于canvas的width和height只能设置px值
一、css顺序
首先声明，浏览器读取css的方式是从上到下的。我们一般书写css只要元素具备这些属性就会达到我们预期的效果，但是这会给以后的维护和浏览器的渲染效率带来一定的影响，那么该怎么书写css的顺序呢？有没有一定的规范呢？
首先我们知道css的属性按特性分为几类；
1.规定元素特性
var that=this
get请求
that.$http.get("1.txt").then(function(result){
console.log(result)
this.msg=result.data;
})
post请求 需要环境 发送数据 接收数据
that.$htt
<meta charset="utf-8">告诉浏览器要用utf-8来解释，同时，保存文档时，编码格式也要为utf-8格式。
移动端网页宽度值（未加meta viewport标签）:
iphone:980px
Galaxy（盖乐世）：980px
Nexus：980px
blackberry（黑莓）：980px
LG：980px
Nokia：980px
k
JS 和 a href 在href里面注意分号结尾, 引号闭合<a href="javascript:;">空链接</a>
<a href="javascript:alert('a');">弹出</a>一般不妨代码, 一般让它空着. 空着也可以用井号'
---恢复内容开始---
今天咱们来说一下,CSS中的3D效果
.如果你把transform真的掌握的和纯熟的话,就可以直接通过CSS做出很多很炫酷的效果,甚至.轮播图和选项卡都可以通过CSS来做,咱们明天就说如何运用CSS来做轮播图,大家记得看哦!
很好,话不多说,翠花'上代码':
1 <
圆形 circle
<svg width="200" height="200" >
<circle
cx="100"
cy="100"
r="80"
stroke="green"
st
1.SVG 是用XML格式定义的矢量图。
2.文件体积小，能够被大量的压缩。
3.图片可无限放大而不失真(矢量图的基本特征)。
4.在视网膜显示屏上效果极佳。
5.能够实现互动和滤镜效果。
6.svg元素里提供了“width”和“height”两个属性来定义SVG图片的高度和宽度。
7.fill属
前言
因为在做美团外卖商家端的nw.js壳子项目，需要保证在壳子里面使用localStorage的数据可以持久化保存。
发现nw可以保存，即使删除应用重写打包也可以保存，所以解决了这个需求，但是还是需要知道具体储存在哪里，否则不清楚什么情况下数据会丢失。
储存位置
nw.js打包出来的应用的loca
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />
width: viewport 的宽度 （范围从 200 到 10,000 ，默认
最近项目使用angular2,1和2版本变化大变样。下面总结一些学习网址及安装步骤。
中文官网(必看)：
https://angular.cn
懒人学习：
http://www.imooc.com/learn/789
支持bootstr
Swiper(Swiper master)是目前应用较广泛的移动端网页触摸内容滑动js插件,可以用来做轮播和滑动.
初始化
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
在开发 H5 应用的时候碰到一个问题，应用只需要一张小的缩略图，而用户用手机上传的确是一张大图，手机摄像机拍的图片好几 M，这可要浪费很多流量。
像我这么为用户着想的程序员，绝对不会让这种事情发生的，于是就有了本文。
获取图片
通过 File API 获取图片。
var input = docume
1，原型：$watch: function(watchExp, listener, objectEquality, prettyPrintExpression){}；
2，参数：watchExp(必须)：{(function()|string)}，可以字符串表达式，也可以带当前sc
如果滚动页面也是DOM没有解决的一个问题。为了解决这个问题，浏览器实现了一下方法，以方便开发人员如何更好的控制页面的滚动。在各种专有方法中，HTML5选择了scrollIntoView()作为标准方法。scrollIntoView()可以在所有的HTML元素上调用，通过滚动浏览器窗口或某个容器元
之前在写页面的时候用的都是单行文字溢出隐藏，今天遇到了多行文字溢出隐藏，溢出部分用省略号。我通过查阅一些资料整理了一下，拿出来与大家分享一下。
单行文本的溢出隐藏
对于单行文本溢出 隐藏，text-overflow: ellipsis 就能完美的解决，不过在使用他时，一定要结合 ove
许久没有写博客了，最近有个H5启动APP原生页面的需求，中间遇上一些坑，看了些网上的实现方案，特意来总结下
一、需要判断客户端的平台以及是否在微信浏览器中访问
1、客户端判断
在启动APP时，Android和IOS系统处理的方式是不一样的，Android这边由于开放，可
angular1路由切换过程中swiper不能使用。
问题1：在刚开始使用angular1的路由时，好多人会将swiper的初始化写在模板的父控制器上，这样会造成一个问题，swiper的初始化只在页面刚加载的时候初始化一次，在路由的切换过程中，模板虽然重新加载了，但是swiper的初
客服
