svg
Stavin Li
许一人之偏爱,尽余生之慷慨。
展开
-
svg元素 标签增加、移除class名
svg元素 标签不支持jquery中addClass()、removeClass()方法解决方法$.fn.addSvgClass = function(className) { return this.each(function() { var attr = $(this).attr('class') if (attr) { ...原创 2018-03-06 17:15:41 · 7119 阅读 · 3 评论 -
svg 控制 line 标签 长度及角度
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">&am原创 2018-05-22 15:00:18 · 4437 阅读 · 0 评论 -
基于svg开发绘制地铁图
中国地铁图中国地铁图,基于svg开发,支持PC、移动端多种浏览器。覆盖北上广多个城市。 线上开源地址 https://github.com/StavinLi/the-subway-of-china 点个赞吧!项目介绍技术点1.svg 全程绘制var { lb, lc, lbx, lby } = l_xmlattrvar path = $.svg('p...原创 2018-07-24 15:30:26 · 7873 阅读 · 5 评论 -
js 判断平面几何图形是否重叠
1. 点线面数据格式点: { x: xxx, y: xxx }线: [{ x: xxx, y: xxx }, { x: xxx, y: xxx }]面: [{ x: xxx, y: xxx }, { x: xxx, y: xxx }, { x: xxx, y: xxx }...]2. 重叠情况分析:无外乎相交与包含两种情况(1 判断相交//判断两多边形线段是否相交fu...原创 2018-09-05 10:20:08 · 7239 阅读 · 18 评论 -
js判断点是否在平面几何图形内(基于百度地图方法)
1. 点线面数据格式点: { x: xxx, y: xxx }线: [{ x: xxx, y: xxx }, { x: xxx, y: xxx }]面: [{ x: xxx, y: xxx }, { x: xxx, y: xxx }, { x: xxx, y: xxx }…]2. 方法详解//判断点是否在另一平面图中function isPointInPolygon(po...原创 2018-09-05 10:51:54 · 3826 阅读 · 0 评论 -
基于svg绘制北京地铁图(官网数据来源)
北京地铁图北京地铁图,基于svg开发,支持PC、移动端多种浏览器。线上开源地址 https://github.com/StavinLi/beiJingSubway 点个赞吧!项目预览 http://47.106.166.17:5101/项目介绍技术点1.node代理请求https://map.bjsubway.com/数据app.use('/', proxy({ ...原创 2018-12-18 09:03:55 · 6422 阅读 · 1 评论