摘要: 原文: http://tutorials.jenkov.com/svg/polygon-element.html Polyline 虽然说这个 元素我没用过,但是还是蛮强大的,也翻译下 示例 效果如下 折线是通过定义很多点来定义的,在points 属性中每个点 都是x,y 这样的形式,这个例子有3个点 折线是通过链接这三个点,然后填充,默认的填充颜色是黑色 ... 阅读全文
posted @ 2015-01-17 10:32 互联网Fans 阅读(2845) 评论(0) 推荐(0) 编辑
摘要: line 先看个例子,这是svg中最简单的线 效果如下 x1,y1 定义 线条的起点 x2,y2 定义 线的终点 ellipse 先看看椭圆的例子 和圆一样,椭圆的圆心被定为在cx,cy 圆角在x方向和y方向有两个值,rx,ry 如何rx和ry相等的就会变成一个圆 椭圆的常见属... 阅读全文
posted @ 2015-01-01 11:23 互联网Fans 阅读(695) 评论(0) 推荐(0) 编辑
摘要: svg中的 元素,是用来绘制圆形的,例如 效果如下 属性说明 cx,cy 设定圆心,r设定半径 圆形的边框 可以通过设置样式设置圆形的边框 例如 属性说明 stroke 边框的颜色 stroke-width 边框的宽度 fill 填充的颜色 效果如下... 阅读全文
posted @ 2014-12-27 18:49 互联网Fans 阅读(2346) 评论(0) 推荐(0) 编辑
摘要: svg 元素 是一个矩形元素,用这个元素,可以你可以绘制矩形,设置矩形宽高,边框的宽度颜色,矩形的填充颜色,是否用圆角等rect 示例 这个矩形的 位置:用x和y属性定义,需要注意的是这个位置是相对于 这个矩形的父节点定义的 宽高:用height和width 属性定义 样式:在style属性里... 阅读全文
posted @ 2014-12-24 20:21 互联网Fans 阅读(3661) 评论(0) 推荐(0) 编辑
摘要: svg 中的元素用来组织svg元素。如果一组svg元素被g元素包裹了,你可以通过对g元素进行变换(transform),被g元素包裹的元素也将被变换,就好这些被svg包裹的元素是一个元素一样,和相比这是一个很好的优势,嵌套的svg中元素是不会被变换影响的。g元素实例g元素代码实例 ... 阅读全文
posted @ 2014-12-21 13:06 互联网Fans 阅读(8742) 评论(0) 推荐(0) 编辑
摘要: http://tutorials.jenkov.com/svg/svg-coordinate-system.htmlsvg的坐标系统(和大多数计算机绘图的坐标系统)和数学中绘图系统有点不一样数学/笛卡儿坐标系统数学中的坐标系统是这样的原点在左下角SVG坐标系统svg的坐标系统 原点在左上角SVG 坐... 阅读全文
posted @ 2014-12-16 20:56 互联网Fans 阅读(627) 评论(0) 推荐(0) 编辑
摘要: 目录 [翻译svg教程]svg学习系列 开篇 【翻译svg教程 】svg 的坐标系统 [翻译svg教程]svg 中的g元素 [翻译svg教程]svg中矩形元素 rect [翻译svg教程]svg中的circle元素 [svg翻译教程]椭圆(ellipse元素)和线(line元素) [svg 翻译教程 阅读全文
posted @ 2014-12-14 10:33 互联网Fans 阅读(783) 评论(0) 推荐(0) 编辑
摘要: 我的老家户县简介:【陕西户县农民画--中国第一画乡】隶属于陕西省西安市的户县原称鄠(hu)县,1964年简化为户县。户县地处关中平原腹地,南依世界地质公园秦岭终南山,北临渭水,是蜚声中外的“中国第一画乡”。上高中后,我就开始进入县城上学了,开始因为不熟路,怕迷路,所以我经常观察路边的广告牌,时间长了... 阅读全文
posted @ 2014-10-12 15:47 互联网Fans 阅读(441) 评论(0) 推荐(2) 编辑
摘要: 阅读源码肯定是先下载有注释的源码 我也是醉了,10309 行代码,在陆续续的一个月之内,看完了,虽有收获但收获不大, 直到又一次看jquery的github,怎么会有cmd????没听过使用jquery时候还要用requresjs啊,这是咋回事啊,jquery不是一个独立的js库么, 不过看着 src文件夹下的目录,倒是非常清晰,每个文件里面的文件代码也不多,研究 代码也容易了 ... 阅读全文
posted @ 2014-10-12 09:48 互联网Fans 阅读(642) 评论(0) 推荐(0) 编辑
摘要: http://devdocs.iohttp://bower.io/www.bower.iobrowserify.orgjsPlumb布局https://github.com/lndb/jsPlumb_Liviz.jssvghttp://tutorials.jenkov.com/svg/svg-and... 阅读全文
posted @ 2014-09-16 10:23 互联网Fans 阅读(452) 评论(0) 推荐(0) 编辑
摘要: function testB () { // body...var isOpera = !!window.opera ||!!window.opr|| navigator.userAgent.indexOf(' OPR/') >= 0; // Opera 8.0+ (UA detecti... 阅读全文
posted @ 2014-09-12 11:01 互联网Fans 阅读(288) 评论(0) 推荐(0) 编辑
摘要: http://blog.csdn.net/jwkfreedom/article/details/8450005本机环境: windows7 64位1. 下载安装sublime text,不用注册即可完全使用,只是偶尔弹框提示购买,完全可以忍受。2. 在sublime text下按 Ctrl+Shif... 阅读全文
posted @ 2014-08-29 14:41 互联网Fans 阅读(449) 评论(0) 推荐(0) 编辑
摘要: 前几天刚遇到的问题sudo npm install -g expresssudo npm install -g express-generator然后通过express -V查看版本,看好是大写的V创建一个 项目 为express **** ** 为项目名称启动mongodmongod --dbpa... 阅读全文
posted @ 2014-08-27 20:12 互联网Fans 阅读(317) 评论(0) 推荐(0) 编辑
摘要: ps:这篇逗比日记灵感源自Iweb峰会后的晨读,iweb上看到7、8月份不少涌入帝都、魔都小伙伴,特作此逗比笔记一篇书中写到,25是一个幻数,虽然很好笑,但的确是个幻数,有意思的数字。25=12*2+1 ,人生过两轮12生肖后新的起点便是25岁,这是小鹰开始脱离父母的庇护,开始展翅高飞,天高任鱼跃,... 阅读全文
posted @ 2014-08-24 20:15 互联网Fans 阅读(10593) 评论(86) 推荐(47) 编辑
摘要: https://www.npmjs.org/package/rjs-optimhttps://www.npmjs.org/package/grunt-requirejs-md5指定js版本号 但不是MD5 没有检测文件是否更新机制https://www.npmjs.org/package/grunt... 阅读全文
posted @ 2014-08-23 17:31 互联网Fans 阅读(717) 评论(0) 推荐(0) 编辑
摘要: reset 可以重置浏览器的的html的默认样式,因为各个浏览器对有些元素解析差别很大通过重置样式可以让样式的浏览器兼容 更简单使用方法简单@import "compass/reset"layout 有几个常见的布局函数,我觉得挺管用,其他的都是用来写组建非常常用的Sticky Footer该模块提... 阅读全文
posted @ 2014-08-06 21:56 互联网Fans 阅读(608) 评论(0) 推荐(0) 编辑
摘要: 窗外,太阳已经下班回家煮饭去了,这个令人难忘的夜晚,还真的有点难以遗忘。那时候我刚毕业,进入一家公司实习,公司规定所有人要服装统一,要自掏腰包,购买一套山寨阿玛尼+皮鞋+衬衫,于是就在淘宝狂搜,终于下单,哪天下午衣服写在都到了,看着700多块钱的一身衣服,这可是我我两个月的全部薪水。我得试试,看着和... 阅读全文
posted @ 2014-08-02 21:03 互联网Fans 阅读(3464) 评论(28) 推荐(6) 编辑
摘要: 有时候经常反思,做事究竟为了什么?有时候,又无法解释,过去做的一些事情,是为了什么?就像上小学时候明明挺到讨厌学习的,但上了初中后就开始玩命学习了上高中时候认为自己真的是喜欢上学习了,上大学尼玛又开始倒数第一的节奏。明明上大学时候立志,毕业会西安,结果尼玛在太原玩了9各月,不过瘾又到北京玩。。。。。... 阅读全文
posted @ 2014-08-01 21:13 互联网Fans 阅读(281) 评论(2) 推荐(0) 编辑
摘要: ps:这是一篇负能量日记,没有幽默,没有搞笑 前天早上穿衣服,发现裤子破了,风化了,没管它 今天早上穿衣服,发现T恤破了,风化了,没管它。 晚上把衣服摆到一起,发现,这是我这3年北漂的工作套装,没想到第四年走了一半,就该退役了。 现在我还记得快要毕业那会,找了家实习单位,做教育培训,月薪300,老板能演善道,股票期权倾其所有,那是时候每天都要干到凌晨,一半写代码,一遍参与公司各种NB的讨论... 阅读全文
posted @ 2014-07-31 21:09 互联网Fans 阅读(272) 评论(0) 推荐(0) 编辑
摘要: Underscore 简介 Underscore 是一个JavaScript实用库,提供了类似Prototype.js的一些功能,但是没有继承任何JavaScript内置对象。它弥补了部分jQuery没有实现的功能,同时又是Backbone.js必不可少的部分。 Underscore提供了80多个函数,包括常用的: map, select, invoke — 当然还有更多专业的辅助函数,如:函... 阅读全文
posted @ 2014-07-19 19:03 互联网Fans 阅读(474) 评论(0) 推荐(0) 编辑
摘要: Bullets 用来定义ul li 相关的样式 no-bullet 关闭 li的默认样式 那个小圆点 no-bullets 作用域ul 调用no-bullet 函数 不过用了reset 后 默认没有小圆点了 pretty-bullets($bullet-icon, $width, $height, $line-height, $padding) @mixin pretty-bulle... 阅读全文
posted @ 2014-07-08 22:03 互联网Fans 阅读(600) 评论(0) 推荐(0) 编辑
摘要: 关注单元测试有一段时间了,也做了些尝试然后就停了下来,寻找框架、方法、各种尝试 看得多,尝试的少, 关于框架分为两类,1是自动化测试工具类,1是js单元测试框架 关于自动化测试工具我尝试了http://totorojs.org/ 阿里巴巴的测试工具,为什么尝试这个呢?看了些资料,安装部署都挺简单的,最重要的是基于NODEjs开发的,通过node安装很方便的 其他工具,查阅资料,仅仅是安装... 阅读全文
posted @ 2014-07-05 21:22 互联网Fans 阅读(387) 评论(0) 推荐(0) 编辑
摘要: 来源 http://snugug.github.io/RWD-with-Sass-Compass/#/ 1 安装 COMPASS 扩展 安装 方式 gem 'extension', '~>X.Y.Z' 命令行安装require '{extension}'@import '{extension}'; sass 文件导入扩展1http://breakpoint-sass.com/扩展2http:/... 阅读全文
posted @ 2014-06-18 21:56 互联网Fans 阅读(203) 评论(0) 推荐(0) 编辑
摘要: demo 源码 地址 https://github.com/qqqzhch/webfans compass 的表格提供了集中常见样式 表格边框 outer-table-borders($width, $color) 控制外边边框的尺寸和颜色 inner-table-borders($width, $color) 控制里面边框的尺寸和颜色 例如 .table1{ table { ... 阅读全文
posted @ 2014-06-18 20:17 互联网Fans 阅读(407) 评论(0) 推荐(0) 编辑
摘要: /* * This is an example build file that demonstrates how to use the build system for * require.js. * * THIS BUILD FILE WILL NOT WORK. It is referencing paths that probably * do not exist on your machi... 阅读全文
posted @ 2014-06-16 21:34 互联网Fans 阅读(1284) 评论(0) 推荐(0) 编辑
摘要: 块级元素 ①总是在新行上开始; ②高度,行高以及外边距和内边距都可控制; ③宽度缺省是它的容器的100%,除非设定一个宽度。 ④它可以容纳内联元素和其他块元素 行内级元素 ①和其他元素都在一行上; ②高,行高及外边距和内边距不可改变; ③宽度就是它的文字或图片的宽度,不可改变 ④内联元素只能容纳文本或者其他内联元素 替换元素 替换元... 阅读全文
posted @ 2014-06-15 21:26 互联网Fans 阅读(1099) 评论(1) 推荐(3) 编辑
摘要: Enforcing options When set to true, these options will make JSHint produce more warnings about your code. bitwise This option prohibits the use of bitwise operators such as ^ (XOR), | (OR) and othe... 阅读全文
posted @ 2014-06-15 16:10 互联网Fans 阅读(755) 评论(2) 推荐(0) 编辑
摘要: 这段代码来自http://stackoverflow.com/questions/20583812/grunt-requirejs-optimizer-for-a-multi-app-project以前用 requirejs和r.js 也做过打包demo,demo 大家懂得,1个页面10多个js。。... 阅读全文
posted @ 2014-06-07 18:31 互联网Fans 阅读(4327) 评论(5) 推荐(2) 编辑
摘要: compass 中一些常用api 包括一些浏览器hack @import "compass/utilities/general" Clearfix Clearfix 是用来清除浮动 float 造成的内容问题,以前用clear 方法可以解决,通过查看Clearfix 的源码发现对与高版本的浏览器其实已经可以不用了 @mixin clearfix { overflow: hidden; ... 阅读全文
posted @ 2014-06-06 20:03 互联网Fans 阅读(591) 评论(0) 推荐(0) 编辑
摘要: 最基本的api 是对比色,对与我这种菜鸟来说,没有什么比在一个背景色下 用什么颜色的文字坑蛋疼的事情了,这个工具可以帮助大家很好解决这个问题api 地址http://compass-style.org/reference/compass/utilities/color/contrast/要是真的能实... 阅读全文
posted @ 2014-06-06 18:14 互联网Fans 阅读(611) 评论(0) 推荐(0) 编辑