- 博客(48)
- 资源 (9)
- 收藏
- 关注
RSS订阅翻译 你真的已经搞懂JavaScript了吗？
昨天在著名前端架构师Baranovskiy的博客中看到一个帖子《So, you think you know JavaScript?》题目一：if (!("a" in window)) { var a = 1;}alert(a);题目二：var a = 1, b = function a(x) { x && a(--x);
2013-01-31 10:28:51
889
原创 How to do Photoshop-like effects in SVG
How to do Photoshop-like effects in SVGBy Erik DahlströmIntroductionI came across this nicePhotoshop tutorial the other day. Looking at this, and the other tutorials available there made me
2013-01-30 14:37:22
1600
原创 SVG动画演示贝塞尔曲线(1-4阶)绘制过程
贝塞尔曲线是我们大陆的叫法，英文名是Bézier Curve，港澳台称为貝茲曲線，新加坡马来西亚称为贝济埃曲线。先看一下效果图： 点击这里查看动画效果维基百科中的贝塞尔曲线条目中的几个GIF动画很漂亮，顺路贴上来。核心Javscript代码：var w = 250, h = 300, t = .5, delta =
2013-01-30 10:33:28
2491
原创 使用SVG内置API计算图形或点经过transform之后的新坐标
一个应用场景是，点击一条路径，显示该路径的控制点。因为有transform变形( 平移、缩放、倾斜、旋转等变换)，所以获取变形后的新坐标需要计算。纯数学的方法，就是用2D变换矩阵的一些公式去运算，过程稍微有点复杂。不过好在SVG已经提供了丰富的API将一些矩阵运算封装了，非常实用，下面是Demo.svg代码.知识点：getScreenCTM() matrixTransform()
2013-01-30 10:32:36
1526
翻译 理解SVG的图形填充规则
本文内容翻译自W3.org网站的SVG规范，作为自己的备忘，供SVG初学者参考。原文网址： SVG fill-rule property in SVG 1.1 (Second Edition)SVG的图形填充规则通过fill-rule属性来指定。‘fill-rule’有效值:nonzero | evenodd | inherit默认值
2013-01-30 10:31:11
1511
原创 [SVG] 根据SVG椭圆弧路径参数计算中心点坐标、起始角度、结束角度的Javascript函数
SVG spec 1.2以及之前的版本标准中，都只有一种绘制椭圆弧的方式，即以起点、终点、长半轴、短半轴、大小弧标记、顺逆时针方向标记、倾角为参数来确定一段弧。这个方法很强大并灵活，可绘制任意的椭圆弧。有时候我们需要计算圆弧的圆心和起始角度、结束角度，虽然标准官方文档给出了计算公式的描述，但是没有给出直接的代码。我根据标准文档以及网上的资料，写了一个Javascript函数来做这件事。
2013-01-30 10:29:29
2559
原创 SVG坐标系统与坐标转换
这一章非常基础，非常重要，同时也是相对比较难懂一点的，特别是ViewBox与视口的关系1.坐标系统与视口(ViewPort)SVG中的坐标系统也是由横坐标轴(X轴)、纵坐标轴(Y轴)和原点组成，SVG的坐标系统称为工作区坐标系统或者矩阵坐标系统。SVG的渲染都是在一个矩形区域内发生的，这个有限的矩形区域在SVG中被称为"视口",超出这个视口的图形将不被显示，所以视口也就是S
2013-01-30 10:10:37
6387
原创 svg中transform的矩阵变换原理
transform的原理是计算机图形学中的2D矩阵变换，在开始之前，首先来复习下一个简单的线性代数知识：矩阵与向量乘法。太复的用不到，只需要3维向量与3x3矩阵的乘积：接下来我们来说说transform跟矩阵乘法的关系，我们的任何一个html元素渲染完成后可以得到一张位图，把这张位图上所有的点都做一次矩阵运算，将得到一张的新的位图，这就是transform的基本含义。首先来看最简单
2013-01-30 10:03:27
3926
原创 svg标签
一、SVG中对图像标签的支持AttributeStyle:CSS fill 属性定义填充的颜色CSS stroke-width 属性指定填充线宽CSS stroke 属性指定border颜色CSS fill-opacity 属性定义填充颜色的透明度（从0到1）CSS stroke-opacity属性定义描边颜色的透明度（从0到1）CSS opacity属性定义整个元
2013-01-30 10:01:34
3157
原创 HTML 5中SVG 2D笔画与填充
填充色 - fill属性这个属性使用设置的颜色填充图形内部，使用很简单，直接把颜色值赋给这个属性就可以了。看例子：rect x="10" y="10" width="100" height="100" stroke="blue" fill="red" fill-opacity="0.5" stroke-opacity="0.8"/> 上面例子中画了一个红色蓝边的矩
2013-01-30 09:59:59
1542
原创 SVG中的动画元素
SVG中的动画元素有五个，它们都可以随着时间的变化而改变SVG元素的属性或样式值,如下所示:：改变数值的属性或样式的值；：改变非数据值的属性或样式的值，如visibility属性等；：沿着某路径移动SVG元素获得动画效果；：改变某些元素与颜色有关的属性或样式的值；：改变SVG元素进行坐标变换时候的动画效果；attributeName=""：批
2013-01-30 09:58:24
2021
原创 svg平移、放大、缩小及js操作svg
在svg图形中，很重要的概念就是坐标系。首先分析一下width、height、viewBox这三个属性。width:宽度，这个宽度是指在页面中实际使用的大小，跟div中定义width是同样的含义。height：高度，含义同上。viewBox:视图框，是一个由字符串表示的，格式："0 0 2050 1000",--->(ULCx ULCy UUwidth UUheight)ULC
2013-01-30 09:48:32
35198
4
原创 有趣：256个class选择器可以干掉1个id选择器
by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=2552我们应该都知道，从选择器得分权重上将，id选择器(#aaa{})和class选择器(.aaa{})完全不是一个数量级的，前者:1-0-0; 而后者为0-1-0.因此：#id { color:d
2013-01-29 09:12:06
1734
原创 使用SVG实现gradient背景渐变
使用SVG实现gradient背景渐变by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=1957现在现代浏览器都对CSS3的渐变支持良好，加上IE的渐变滤镜，可以在不使用图片的情况下实现各个浏览器的两色渐变效果。这里，再简单介绍下如何使用svg实现元素背
2013-01-29 09:01:07
1644
1
原创 100多常用的JS语句
1.document.write( " ");输出语句2.JS中的注释为//3.传统的HTML文档顺序是:document- >html- >(head,body) 4.一个浏览器窗口中的DOM顺序是:window- >(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElem
2013-01-23 16:26:42
1666
1
原创 js中Math对象的方法
1.丢弃小数部分,保留整数部分parseInt(5/2)2.向上取整,有小数就整数部分加1Math.ceil(5/2)3,四舍五入.Math.round(5/2)4,向下取整Math.floor(5/2)Math 对象的方法FF: Firefox, N: Netscape, IE: Internet Explorer方法 描述 FF N IE abs(x
2013-01-23 16:24:44
963
原创 birdeye 绘制拓扑关系图
birdeye 绘制拓扑关系图birdeye概述BirdEye是一个开源的Adobe Flex图表制作组件。用于创建多维数据分析可视化界面。birdeye 可以绘制 拓扑图，关系图，流程图，星空图，地图，饼图 等等..birdeye 项目地址：http://code.google.com/p/birdeye/birdeye 源码下载：http://code.google.c
2013-01-23 10:44:30
3377
3
原创 PREFUSE-FLARE学习报告
[简介]flare是加利福尼亚大学伯克利分校（University of California，Berkeley）可视化研究实验室所开发的一面向WEB数据可视化应用的、开源的项目，它的前身是有名的prefuse，一个用于交互式数据可视化的JAVA类库。此项目旨在使交互式数据可视化工作变得容易。与它的前身prefuse不同，flare是一个ActionScript库，运行于Adobe Flash
2013-01-23 10:10:37
1629
原创 js版俄罗斯方块设计思想及实现
俄罗斯方块方块是小时候的一个回忆，从最开始的掌上的黑白游戏机，到电视游戏机，到电脑，无不有它的痕迹，今天我们来一起重温它的一种实现方法，也算是整理一下我的思路吧......1.以中心点坐标代替整个方块2.以数学坐标点代表实际坐标3.统一冲突检测方法问题分析：俄罗斯方块就是一个个方块从上到下的落下，固定，当一行满的时候就消去这一行，就类与对象分析设计思想，我们很容易想到，要创
2013-01-18 09:50:33
7438
原创 ITeye 2013年1月第1周重要新闻回顾
2013年1月第1周值得关注的重要新闻如下。一、移动开发iOS平台苹果App Store又迎来了一个里程碑。App Store下载突破400亿次，应用达77万为了保证这77万款应用都有一定的质量，苹果开始限制一些投机取巧的行为。苹果限制应用截图修改，防止虚假应用Android平台尽管目前苹果App Store中的应用多于Google
2013-01-18 09:42:43
1000
原创 ITeye新闻热点月刊2012年12月总第58期发布了！
ITeye新闻热点月刊总第58期（2012年12月版）发布了！制作精美，内容丰富，为您总结一个月最精彩的技术新闻。 【点击下载2012年12月ITeye新闻热点月刊】精彩内容推荐： >> HTML5.1里有什么3C宣布HTML5规范已经开发成型，预计将在2014年完成全部工作。工作组也开始考虑下一版本的新特性。 >> Silv
2013-01-18 09:41:24
738
原创 ITeye 2012年12月第3周重要新闻回顾
2012年12月第3周值得关注的重要新闻如下。一、移动开发 苹果本周已处于放假状态，在28日之前，App Store不再接受开发者提交、修改应用。因此，放假前开发者蜂拥而上。圣诞假期前App Store太挤，提交应用需谨慎在苹果放假期间，开发者可以优化一下自己的应用，或者研究研究新的iOS操作系统。苹果发布iOS 6.0.2更新，修复WiFi连接问题Mo
2013-01-18 09:39:20
636
原创 ITeye 2012年12月第2周重要新闻回顾
2012年12月第2周值得关注的重要新闻如下。一、IT 巨头那些事谷歌苹果在iOS6中弃用了谷歌地图服务，转而使用自家的地图服务，但随后被发现大量的bug，人们开始怀念起谷歌地图。上周，谷歌地图重新登陆iOS，并向应用开发者提供了一个SDK，开发者可绕过苹果地图，直接将谷歌地图设为应用的默认调用地图。谷歌地图登陆 iOS，App 可默认调用对于Android
2013-01-18 09:38:30
673
原创 ITeye 2012年12月第1周重要新闻回顾
2012年12月第1周值得关注的重要新闻如下。一、移动开发距离圣诞节越来越近，苹果已经公布了他们的圣诞假——12月21日~28日，在此期间，一切修改、提交应用的行为将无法生效。苹果一如既往地霸气侧漏！苹果：iTunes Connect放假8天，期间不要提交应用目前无论是应用数量、开发者忠诚度，还是营收，苹果都是第一，该平台上的开发者也赚的钵满盆满，但这只是少数开发者
2013-01-18 09:37:49
860
原创 svg 实例效果图 （内含多个经典特效及功能）
动态普通效果http://www.adobe.com/svg/dynamic/transformations2.html无JS干预效果http://www.adobe.com/svg/dynamic/declarative.htmlJS干预效果http://www.adobe.com/svg/dynamic/javascript.html鼠标事件效果，注意可以在HT
2013-01-17 17:14:16
5520
1
原创 svg webtopo原型（1）基本功能
考虑到svg也是html5的标准之一，考虑继续抽空把svg的topo原型移植完。阻力：已经有webtopology开源包了，实现的功能基本类似 参照vml模型的顺序，先实现基本的文本和画线功能。之前在前期探索中，已经完成了画矩形、画线的探索，包括ie/opera的兼容，中文处理等。因此基本功能还算顺利。主要实现文本、线条的显示。以及基本的js操作的简单封装。兼容ie+a
2013-01-17 16:53:54
1599
原创 SVG中常用基本形状教程
SVG的基础形状矩形（rect）、圆（circle）、椭圆（ellipse）、线段（line）、折线（polyline）和多边形（polygon），本文介绍了SVG中这些常用基本形状的语法及教程。一、矩形矩形标记允许你创建矩形或它的变体，比如正方形，圆角矩形等。语法如下：x属性定义了矩形左上角顶点在用户坐标系X轴上的坐标，缺省值为 0；y属性定义了矩形左上角顶点在用户坐标系
2013-01-17 16:47:28
2645
原创 AJAX + SVG 实现实时监控图表
简介： AJAX 已经有很多文章介绍它的原理及其应用了。但是遗憾的是现在并没有很多结合实际项目应用。本文结合实际项目中的应用来讲述利用 AJAX 和SVG 技术如何创建各种激动人心的功能，并附带可以运行的例子和源代码。前言AJAX 已经有很多文章介绍它的原理及其应用了。但是遗憾的是现在并没有很多结合实际项目应用。本文结合实际项目中的应用来讲述利用 AJAX 和SVG 技术如何创建各种激动人
2013-01-17 16:43:33
8062
3
原创 GML、SVG、VML三者的关系与区别比较
GML是表示实体空间信息和属性的标准，但它不支持直接显示图形。VML和SVG是在表示图形信息并加入图形显示信息，而SVG综合VML优点推出，是国际标准，比VML更具优点及前景。1 GML (Geography Markup Language) 是基于XML的空间信息编码标准，由OpenGIS Consortium (OGC)提出，得到了许多公司的大力支持，如Oracle、Galdos、M
2013-01-17 16:35:44
3457
原创 怎么在网页中通过JAVAscript控制SVG图像放大缩小
首先先说明一下我想做出的网页效果，基本上和地图一样，将鼠标放在图像上之后，滚动鼠标滑轮可以实现图片放大和缩小，按下鼠标后移动鼠标可以实现图像的移动，具体效果去百度（谷歌）地图体验一下就知道了。当然，上面的只是我的初步设想，在实现过程中就出问题了，下面我把自己遇到的困难和解决方法说一下，由于这是公司项目，涉及到知识产权和保密问题，我就只说思想，不给代码，代码就自己写吧。问题一：鼠标滑轮时间的
2013-01-17 16:33:16
2819
原创 SVG中文乱码解决步骤与方法
好多SVG编辑器都有不能正常支持中文，后来自己手工创建SVG文件，却也不能在浏览器插件里正常显示。还以为是插件问题（如adobe svg viewer和corel svg viewer等），象我用inkscape，就能很好的处理中文，但却不能在浏览器里正常显示！不知为什么，还真以为插件问题。查看svg viewer的技术规范，都说是支持utf-8的，那是什么问题呢？难道是文字编码问题，后来几经测试
2013-01-17 16:30:53
12815
原创 SVG鼠标事件响应的四种写法
SVG有四种常用的鼠标响应的脚本写法(SMIL方式、Attributes方式、JavaScript+SMIL方式、EventListener方式)，根据不同的需要让大家有更多的选择。本文介绍了四种实现SVG鼠标事件的例子。SVG鼠标事件实现方式的例子效果是：单击一个红色的矩形后，它的填充颜色会变成蓝色1 SMIL方式例程1 鼠标事件之SMIL方式 在前面
2013-01-17 16:27:35
57565
4
原创 svg_example
http://srufaculty.sru.edu/david.dailey/svg/http://www.xul.fr/en-xml-svg.htmlhttp://zvon.org/xxl/svgReference/Output/http://www.w3schools.com/svg/svg_text.asphttp://image.online-convert
2013-01-16 17:58:42
1229
原创 HTML5 入门文章目录汇总
HTML5 入门文章暂时告一段落，把文章的链接贴出来，方便大家的查阅。这些文章在每节的后面都配有完整的实例源代码，是入门的经典教程 HTML5历史与开发介绍-HTML5 入门教程HTML 5是近十年来Web开发标准最巨大的飞跃。和以前的版本不同，HTML 5并非仅仅用来表示Web内容，它的新使命是将Web带入一个成熟的应用平台，在HTML 5平台上，视频，音频，图象，动画，
2013-01-16 17:48:17
1578
原创 2013 年最热门的 20 个 Web 设计趋势
在过去的2012年里我们看到了互联网的快速发展，各种技术的更新换代。对于网页设计师来说2012年也是很特别的一年。在这一年里你会发现很多东西就不一样了，几年前谈论的概念性的东西似乎在这一年都看到了原型。网页设计也不再循规蹈矩。各个公司和企业都学着跳出固有的圈去思考和创意。把用户体验提到了最关注的位置是一个重大改变。那么在新的2013年，网页设计还会有什么热点需要我们去注意呢。随着移动端
2013-01-16 17:40:15
667
原创 震撼的CSDN用户关系图
前言 在一次校友聚会上，一个做到世界500强公司高级管理层的校友说：在这个城市，要随便找到一个人扯上关系，我最多通过三个人就能办到。这个社会老混混语出惊人，其道理却深值思考。这个社会是一个人与人组成的巨大的关系网络，每个人都是这个巨大网络中的一个节点。如能充分认识和利用这个网络，我们的工作和事业必将如虎添翼。相信大家都有这样的经历，为了了解软件行业信息或解决开发难题时，都会求搜索和求助
2013-01-12 17:28:02
1506
4
原创 电信网管中的Java客户端（一）
电信网管中的Java客户端（一）1.概述Java，尤其是J2EE技术，在网络管理系统中的应用已经比较普遍。很多公司都将自己的新一代网络管理产品构建在J2EE技术平台之上，以便实现大型网络管理系统的分布式架构。一般的企业级或电信级网管系统都涵盖FCAPS等基础模块，同时在此基础上构建面向运营商的业务模块，如端到端的监控和管理、基于商业规则的告警处理、工作流等等。EJB很适合实现这类模块，很多
2013-01-12 17:27:12
1717
原创 SVG DOM常用属性和方法介绍(1)
12.2 SVG DOM常用属性和方法介绍将以Adobe SVG Viewer提供的属性和方法为准，因为不同解析器对JavaScript以及相关的属性和方法支持的程度不同，有些方法和属性是某个解析器所特有的。SVG支持DOM2标准。12.2.1 文档初始化相关— evt属性evt表示事件本身，可以通过evt获取与当前事件相关的信息，用户可以在script中定义响应函数，进行相应的处
2013-01-11 16:30:40
14608
原创 SVG脚本编程的一些技巧
1、在IE中如何调试SVG中的脚本a、去掉IE设置中的“禁止脚本调试”b、打开注册表，找到“[HKEY_CURRENT_USER\Software\Microsoft\Windows Script\Settings]”，设置"JITDebug"=dword:00000001c、然后就可以用vs.net来进行调试了2、解决IE中需要点击才能激活svg插件的问题编写一个脚本文件
2013-01-11 11:31:27
2304
原创 SVG常见问题汇总
1. SVG背景透明的解决办法 IE中，完全可以支持SVG透明。 条件：使用标签 （自己测试的，其他标签未知） Tip: Internet Explorer supports an additional attribute, wmode="transparent", that let the HTML page background shine through. tip：i
2013-01-10 16:47:24
2605
1
JAVA导出Excel报表之jxl插件及实例源码
2012-06-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人