把svg的polygon转为path的方法和调整形变的方法
2016-01-27 17:36
417 查看
发现自己很久没有写博客了,所以现在每天都提醒自己,今天有什么收获,今天有什么值得记录一下的。
这篇博客就来说一下最近有个项目有用到svg地图中遇到的一个问题:设计师导出svg之后,是用的polygon,但是ammap里面的地图是用path去表示的,同时,你转成path之后,svg的大小和偏移量并不符合要求。
根据上面的问题,找到了两个方法:
演示地址:http://codepen.io/fonglezen/pen/EPEBeX
所有代码都已经在codepen上面了,里面也有写简单的注释,html里面放了一个svg。
(把代码弄到codepen里面去,然后写到这里我竟然有点不知道怎么写下去了……内心有点纠结,不知道怎么写下去,应该写什么!代码都贴出来了,应该可以了吧。可是这样不算一篇博客呀!摔!)
这篇博客就来说一下最近有个项目有用到svg地图中遇到的一个问题:设计师导出svg之后,是用的polygon,但是ammap里面的地图是用path去表示的,同时,你转成path之后,svg的大小和偏移量并不符合要求。
根据上面的问题,找到了两个方法:
演示地址:http://codepen.io/fonglezen/pen/EPEBeX
所有代码都已经在codepen上面了,里面也有写简单的注释,html里面放了一个svg。
(把代码弄到codepen里面去,然后写到这里我竟然有点不知道怎么写下去了……内心有点纠结,不知道怎么写下去,应该写什么!代码都贴出来了,应该可以了吧。可是这样不算一篇博客呀!摔!)
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android之使用Http协议实现文件上传功能
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- 菜鸟说给菜鸟听之Beginning Linux Programming——Chapter1(1)
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 异步流程控制:7 行代码学会 co 模块
- ES6 走马观花(ECMAScript2015 新特性)
- JavaScript拆分字符串时产生空字符的原因
- Canvas 在高清屏下绘制图片变模糊的解决方法
- Redux系列02:一个炒鸡简单的react+redux例子
- JavaScript 各种遍历方式详解
- call/apply/bind 的理解与实例分享