SVG系列教程：SVG文件结构

发表于 svg 分类，标签:
31 07月 2015
0
在《SVG简介与嵌入HTML页面的方式》简单的介绍了什么是SVG？以及SVG图形与其它格式图像相比，优势在哪。另外介绍怎么将SVG图像应用到HTML页面，让浏览器能显示。从文中了解到，SVG图形其实就是一段XML代码，在HTML页面引用是通过引用.svg文件格式，或者直接在.html文件中放置<svg>元素。而两者最大的区别就是，独立的SVG必须添加一个XML声明。那么这篇文章要和大家一起探讨的就是SVG文件(.svg)的结构。SVG文件结构一个独立的SVG文件，也就是平时看到的以扩展名.svg结尾的文件，他主要包括：XML声明<svg>根元素包括一个用来描述SVG的XML声明空间。其中XML声明其实和HTML文档的DTD声明是类似的。大家是否还记得HTML相关的DTD声明方式。比如HTML5的声明方式：<!DOCTYPE html>其它相关的...

SVG系列教程：SVG简介与嵌入HTML页面的方式

发表于 svg 分类，标签:
31 07月 2015
0
随着技术向前的推进，SVG相关的讨论也越渐频繁。为了紧跟时代的步伐，我也开始步入SVG相关技术的探索与学习之中。从这篇文章开始会在W3cplus站点上陆续向大家推出有关于SVG相关的教程、译文或案例等。感兴趣的同学可以跟随着教程一起了解与学习SVG相关的知识与技巧。什么是SVGSVG是"ScalableVectorGraphics"的简称。中文可以理解成“可缩放矢量图形”。这个概念对于设计师来讲一点不陌生，但对于码农来讲，总是没有设计师们理解的那么透彻。其实码农们也没必要理解的那么透彻，只需要知道他是web页中的矢量图即可。如果你是想知道，可以看看维基百科给的一个阐述：ScalableVectorGraphics(SVG)isanXML-basedvectorimageformatfortwo-dimensionalgraphicswith...

CSS3教程:pointer-events属性值详解

发表于 css3 分类，标签:
29 07月 2015
0
破洛洛文章简介：CSS3pointer-events介绍.其实早知道这个属性，但是一直没有去研究过。今天正好在twitter看到这个词，就去研究了下，正好解决了目前遇到的一个小难题，所以分享下。嗯，其实这是个比较简单的CSS3属性。在某个项目中，很多元素需要定位在一个地图层上面，这里就要用到很多绝对定位或者相对定位的元素，但是这样的话，这些浮在上面的div或者其它元素一般都会给个宽高，或者relative的元素可以不给宽高，这个时候，这些元素就会盖住下面的地图层，以至于地图层无法操作。。。然后正好在Googlemap见到了类似的问题，拿来当例子来说：Googlemap中左上角的操作区域占位是挺大的，如红色框区域，然后在这个区域是无法操作地图层的。那么我们就可以给这个div设置pointer-events:none，然后你就会发现下面的地图就可以拖动和点击了。但是悲剧的是，操作区...

移动端前端开发调试

发表于 other 分类，标签:
22 07月 2015
0
本文转自（http://yujiangshui.com/multidevice-frontend-debug/ ）2015.01.21前端相关TOC1.响应式测试1.1.基础的响应式测试...

10款面向HTML5 画布(Canvas)的JavaScript库

发表于 canvas 分类，标签:
21 07月 2015
0
10款面向HTML5画布(Canvas)的JavaScript库概述：近日，慧都小编为大家收集了10款面向HTML5画布(Canvas)的JavaScript库，喜欢就点赞吧！Processing.jsProcessing.js是一个开放的编程语言，在不使用Flash或Java小程序的前提下，可以实现程序图像、动画和互动的应用。Processing.js是轻量，易于了解掌握的理想工具，可用于可视化的数据，创建用户界面和开发基于Web的游戏。FABRIC.JSFABRIC.JS是一款简单而强大的JavaScriptCanvas库，提供了互动的对象模型，同时还包含Canvas-to-SVG解析器。oCanvasoCanvas是一个JavaScript框架，用于简化HTML5Canvas标签的使用，可以利用对象来代替像素。oCanvas可以帮助你很容易的在HTML5的C...

10 个非常实用的 SVG 动画操作JavaScript 库

发表于 svg 分类，标签:
21 07月 2015
0
10个非常实用的SVG动画操作JavaScript库[日期：2015-02-14]来源：oschina.net 作者：21paradox-,天liang好个qiu[字体：大 中 小]SVG通常可以用作跨分辨率视频。这意味着在一块高分屏幕上不会降低图片的锐度。此外，你甚至可以让SVG动起来，通过使用一些javascript类库。下面，我们分享一些javascript类库，这些类库会帮助我们将SVG动画提高一个等级。VivusVivus是一个能动画js类库，它能够给SVG图像显示出被画出来的过程。Vivus是没有其他类库依赖的（比如jQuery)。你仅仅需要在页面中加入这个.js文件，然后传入需要被用来动画的SVG部分就行。同时通过指定一些配置，它能够在页面加载后直接显示动画效果。BonsaiBonsai是一个功能丰富的JS类库，你能够用它来...

jdk安装

发表于 other 分类，标签:
19 07月 2015
0
安装JDK选择安装目录安装过程中会出现两次安装提示。第一次是安装jdk，第二次是安装jre。建议两个都安装在同一个java文件夹中的不同文件夹中。（不能都安装在java文件夹的根目录下，jdk和jre安装在同一文件夹会出错）如下图所示21：安装jdk随意选择目录只需把默认安装目录\java之前的目录修改即可2：安装jre→更改→\java之前目录和安装jdk目录相同即可注：若无安装目录要求，可全默认设置。无需做任何修改，两次均直接点下一步。3安装完JDK后配置环境变量 计算机→属性→高级系统设置→高级→环境变量4系统变量→新建JAVA_HOME变量。变量值填写jdk的安装目录（本人是E:\Java\jdk1.7.0)5系统变量→寻找Path变量→编辑在变量值最后输入%JAVA_HOME%\bin;%JAVA_HOME%\jre\bi...

placeholder 字体颜色设置

发表于 css3 分类，标签:
17 07月 2015
0
placeholder字体颜色设置::-webkit-input-placeholder{/*WebKitbrowsers*/  color:  blue;}:-moz-placeholder{/*MozillaFirefox4to18*/  color:  blue;}::-moz-placeholder{/*MozillaFirefox19+*/  color:  blue;}:-ms-input-placeholder{/*InternetExplorer10+*/  color:  blue;}...

Js如何获取本地路径

发表于 JS 分类，标签:
17 07月 2015
0
js中如何获取上个页面的Url，域名和端口号varproject={//获取上一个页面的一个URL，这个URL一般做一个页面的跳转getHref:function(){returnwindow.location.href;},//获取URL的路径部分getPathname:function(){returnwindow.location.pathname;},//获取一个页面的主机名getHostname:function(){returnwindow.location.hostname;},//获取一个页面的主机名getDomain:function(){returndocument.domain;},//获取主机的Http协议getPortcol:function(){returnwindow.location.protocol;...

localhost更改为为其他名字的方法

发表于 other 分类，标签:
17 07月 2015
0
localhost更改为为其他名字的方法1.快捷键 windows+r    输入：drivers,点击确定    2.该目录下找到etc    3.子目录打开 host文件4.修改，在文件的最后面添加一行127.0.0.1   wuwg.com （这里wuwg.com可以修改为任意名字，如d.cn, b.com等等，大家自己随意修改，关于在本地打开...
1/3 ‹‹ 1 2 3 › ››