自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(31)
  • 收藏
  • 关注

转载 datagridRow对象不见了,怎么办?

做项目的时候遇到的一个奇葩问题,最后找到的解决办法如下:代码如下:///<summary>///获取DataGrid的行///</summary>///<paramname="dataGrid">DataGrid控件</param>///<pa...

2017-02-15 14:22:00 133

转载 winForm中如何实现Webbrowser控件加载html页面?

Webbrowser控件加载html页面非常简单。首先拖一个webbrowser控件到窗体中,然后通过代码:webBrowser1.Navigate("cityApi.html");加载网页资源。如果要实现winform与网页进行交互需要用到事件webBrowser1_DocumentCompleted(即html文档加载完成后进行交互):winform后台可以通过语句:webB...

2017-02-15 14:11:00 2115

转载 设置背景图片的两种方式,并解决手机端背景图片高度自适应问题

1 设置背景图片的两种方式:方式一:<img src="../img/10.jpg"/ class="back" id="Background">.back{ position: fixed; width: 100%; height: 100%; display: block; z-index: -100; }方式二:div class=...

2016-08-10 15:14:00 457

转载 height与line-height

1.网页的所有元素可以分为块元素和行元素。一行文字所在的一个逻辑区域是行元素,其他的元素就都是块元素line-height只针对行元素,height针对其他所有元素2. width,height对于行内元素或者设置display:inline的元素失效,只有块级元素才有width,height3. line-height,顾名思义是行高的意思,只对文字起作用4. line-h...

2016-08-10 14:48:00 109

转载 .NET将图片Base64字符串还原为图片(jpg格式)并保存到本地

1. 了解Base64字符串的形式是:data:image/jpeg;base64,字符串2 .Base64字符串转换为图片的代码实现: string[] str = base64Str.Split(','); //base64Str为base64完整的字符串,先处理一下得到我们所需要的字符串 byte[] imageBytes = Convert....

2016-04-13 16:25:00 858

转载 svg坐标系变换

svg的坐标变换有三个属性来决定:viewport, viewBox, 和 preserveAspectRatio,我发现三篇比较详细的博客,转载如下:理解SVG坐标系和变换:视窗,viewBox和preserveAspectRatio:http://www.w3cplus.com/html5/svg-coordinate-systems.html转载于:https://www....

2015-11-21 18:01:00 82

转载 Github上有趣的资料 | JS

留着,以后用得着,原文地址:http://www.jianshu.com/p/7c9aa9508641collectionAlloyImage基于HTML5的专业级图像处理开源引擎。An image processing lib based on html5. http://alloyteam.github.io/AlloyImage/angular.js...

2015-08-13 08:42:00 113

转载 Three.js基本 Demo

对于新手来说,几个简单的例子非常实用,偶然发现几个不错的Demo,分享给大家!Three.js基本 Demo1.最基本的Hello World:http://stemkoski.github.io/Three.js/HelloWorld.html2.在网页上调用摄像头:http://stemkoski.github.io/Three.js/Webcam-Texture.htm...

2015-08-13 08:35:00 210

转载 WebGL中添加天空盒的两种方法

天空盒 的添加可以让模型所在的场景非常漂亮,而其原理也是非常简单的,相信看完下面代码就可以明白了。说到天空盒的两种方法,倒不如说是两种写法,分别用了纹理加载的两个方法:loadTexture和loadTextureCube。特别注意:图片的顺序【方法一】 var imagePrefix = "images/"; var directions...

2015-08-02 10:34:00 753

转载 WebGL如何解决中文文字载入

关于WebGL载入中文字体问题,我在网上搜了一下,发现例子并不多,而且只能实现隶书的载入,不支持其他中文字体。 下面是实现的代码:<script src="../js/three.min.js"></script> <!-- load the font file from canvas-text --> <s...

2015-07-28 15:51:00 353

转载 JS中offsetwidth等图文解释

网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offsetWidth (包括边线的宽);网页可见区域高: document.body.offsetHeight (包括边线的宽);网页正文全文宽: document.body...

2015-01-15 14:38:00 216

转载 JS中setInterval与setTimeout的区别

JS里设定延时:使用SetInterval和设定延时函数setTimeout 很类似。setTimeout 运用在延迟一段时间,再进行某项操作。setTimeout("function",time) 设置一个超时对象 setInterval("function",time) 设置一个超时对象SetInterval为自动重复,setTimeout不会重复。clearTime...

2015-01-15 10:43:00 84

转载 【第一篇】Android环境搭建

安装不易,且安且珍惜!1 下载 Java JDK (http://java.sun.com/javae/downloads/ ) (Windows 版)【配置环境变量】:安装完成后,设置JAVA_HOME环境变量以指向JDK安装文件夹;【具体操作】:[开始] —> [我的电脑] —> [右键属性] —> [高级] —> [单击环境变量](单击“新建...

2015-01-04 15:32:00 69

转载 Unparsed aapt error(s)! Check the console for output解决方法

在Eclipse平台进行Android 应用开发时,编辑,修改或增删 res/下资源文件时有时会遇到如下错误提示:“Unparsed aapt error(s)! Check the console for output",方法1:删除gen目录下的R.java,然后build project.方法2: 点 Project--------->clean..注意:我...

2014-11-13 15:08:00 115

转载 【three.js详解之二】渲染器篇

【three.js详解之二】渲染器篇本篇文章将详细讲解three.js中渲染器(renderer)的设置方法。three.js文档中渲染器的分支如下:RenderersCanvasRendererDOMRendererSVGRendererWebGLRendererWebGLRenderTargetWebGLRenderTargetC...

2014-08-18 09:45:00 201

转载 【three.js详解之一】入门篇

【three.js详解之一】入门篇开场白webGL可以让我们在canvas上实现3D效果。而three.js是一款webGL框架,由于其易用性被广泛应用。如果你要学习webGL,抛弃那些复杂的原生接口从这款框架入手是一个不错的选择。博主目前也在学习three.js,发现相关资料非常稀少,甚至官方的api文档也非常粗糙...

2014-08-18 09:37:00 97

转载 SVG DOM常用属性和方法介绍

 将以Adobe SVG Viewer提供的属性和方法为准,因为不同解析器对JavaScript以及相关的属性和方法支持的程度不同,有些方法和属性是某个解析器所特有的。SVG支持DOM2标准。12.2.1 文档初始化相关  evt属性  evt表示事件本身,可以通过evt获取与当前事件相关的信息,用户可以在script中定义响应函数,进行相应的处理。它与普通JavaScrip...

2014-07-26 16:21:00 182

转载 svg DOM的一些js操作

这是第一个实例,其中讲了如何新建svg,添加元素,保存svgdocument,查看svg.下面将附上常用一些元素的添加方法:(为js的,但基本上跟java中操作一样,就是类名有点细微差别)Circlevar svgns = "http://www.w3.org/2000/svg"; function makeShape(evt) { if ( window.svgD...

2014-07-26 14:47:00 154

转载 SVG 2D入门11 - 动画

交互性 SVG拥有良好的用户交互性,例如:1. SVG能响应大部分的DOM2事件。2. SVG能通过cursor良好的捕捉用户鼠标的移动。3. 用户可以很方便的通过设置svg元素的zoomAndPan属性的值来实现缩放等效果。4. 用户可以很方便的把动画和事件结合起来,完成一些复杂的效果。 通过给SVG元素挂接事件,我们可以使用脚本语言方便的完成一些交互任务。SV...

2014-07-22 14:58:00 457

转载 SVG 2D入门13 - svg对决canvas

到目前为止,SVG与Canvas的主要特性均已经总结完毕了。它们都是HTML5中支持的2D图形展示技术,而且均支持向量图形。现在,我们就来比对一下这两种技术,分析一下它们的长处和适用场景。首先分析一下两种技术的显著特点,看下面的表格:CanvasSVG基于像素(动态 .png)基于形状单个 HTML 元素多个图形元素,这...

2014-07-22 14:57:00 104

转载 SVG 2D入门12 - SVG DOM

使用脚本可以很方便的完成各种复杂的任务,也是完成动画和交互的一种主流方式。由于SVG是html的元素,所以支持普通的DOM操作,又由于SVG本质上是xml文档,所以也有一种特殊的DOM操作,大多称之为SVG DOM。当然了,由于目前IE不支持SVG,开发基于IE的SVG页面需要采用不同的方式。这部分的知识大家其实都很熟悉,下面只是简单的看一下。HTML页面中的DOM操作...

2014-07-22 14:57:00 114

转载 SVG 2D入门10 - 滤镜

滤镜称得上是SVG最强大的功能了,它允许你给图形(图形元素和容器元素)添加各种专业软件中才有的滤镜特效。这样你就很容易在客户端生成和修改图像了。而且滤镜并没有破坏原有文档的结构,所以维护性也很好。 滤镜用filter元素定义;需要使用的时候,在需要滤镜效果的图形或容器上添加filter属性,引用相关滤镜即可。 滤镜元素包含很多的滤镜原子操作;每个原子操作在传入...

2014-07-22 14:54:00 94

转载 SVG 2D入门9 - 蒙板

SVG支持的蒙板 SVG支持多种蒙板特效,使用这些特性,我们可以做出很多很炫的效果。至于中文中把mask叫做"蒙板"还是"遮罩"就不去区分了,这里都叫做蒙板吧。SVG支持的蒙板类型: 1. 裁剪路径(cliping path) 裁剪路径是由path, text或者基本图形组成的图形。所有在裁剪路径内的图形都可见,所有在裁剪路径外的图形都不可见。 2. ...

2014-07-22 14:53:00 125

转载 SVG 2D入门8 - 文档结构

前面介绍了很多的基本元素,包括结构相关的组合和重用元素,这里先对SVG的文档结构中剩下的相关元素简单总结一下,然后继续向前领略SVG的其他特性。 SVG文档的元素基本可以分为以下几类:动画元素:animate, animateColor, animateMotion, animateTransform, set;解释元素:desc, metadata, ...

2014-07-22 14:52:00 105

转载 SVG 2D入门7 - 重用与引用

前面介绍了很多的图形元素,如果很多图形本身是一样的,需要每次都去定义一个新的么?我们能否共用一些图形呢?这是这节的重点 - SVG元素的重用。组合 - g元素 g元素是一种容器,它组合一组相关的图形元素成为一个整体;这样,我们就可以对这个整体进行操作。这个元素通常可以和desc和title元素配合使用,提供文档的结构信息。结构良好的文档通常可读性和渲染效率都不...

2014-07-22 14:51:00 108

转载 SVG 2D入门6 - 坐标与变换

坐标系统  SVG存在两套坐标系统:视窗坐标系与用户坐标系。默认情况下,用户坐标系与视窗坐标系的点是一一对应的,都为原点在视窗的左上角,x轴水平向右,y轴竖直向下;如下图所示:  SVG的视窗位置一般是由CSS指定,尺寸由SVG元素的属性width和height设置,但是如果SVG是存储在embedded对象中(例如obje...

2014-07-22 14:50:00 109

转载 SVG 2D入门4 - 笔画与填充

  前面我们重点都在总结各类形状,文本和图片,接下来,我们还是和讨论canvas一样,总结一下颜色处理,也就是填充和边框效果;你会发现这里的内容与canvas基本上是一致的。这些属性既可以以属性的形式写在元素中,也可以以CSS的形式保存(这是与canvas不一样的地方)。填充色 - fill属性  这个属性使用设置的颜色填充图形内部,使用很简单,直接把颜色值赋给这个属性就可以了。看例子:...

2014-07-22 14:49:00 93

转载 SVG 2D入门5 - 颜色的表示

 SVG和canvas中是一样的,都是使用标准的HTML/CSS中的颜色表示方法,这些颜色都可以用于fill和stroke属性。基本有下面这些定义颜色的方式:1. 颜色名字: 直接使用颜色名字red, blue, black...2. rgba/rgb值: 这个也很好理解,例如#ff0000,rgba(255,100,100,0.5)。3. 十六进制值: 用十六进制定义的颜色,例如#ff...

2014-07-22 14:49:00 232

转载 SVG 2D入门3 - 文本与图像

SVG中渲染文本  SVG的强大能力之一是它可以将文本控制到标准HTML页面不可能有的程度,而无须求助图像或其它插件。任何可以在形状或路径上执行的操作(如绘制或滤镜)都可以在文本上执行。尽管SVG的文本渲染如此强大,但是还是有一个不足之处:SVG不能执行自动换行。如果文本比允许空间长,则简单地将它切断。多数情况下,创建多行文本需要多个文本元素。  此外,可以使用 tspan 元素可以...

2014-07-22 14:46:00 97

转载 SVG 2D入门1 - SVG综述

位图与矢量图  以前,浏览器中显示的图形,例如jpeg、gif等,都是位图,这些图像格式是基于光栅的。在光栅图像中,图像文件定义了图像中每个像素的颜色值。浏览器需要读取这些值并做出相应行动。这种图像的再现能力比较强,但是在某些情形下会显得不足。例如,当浏览器以不同大小显示一副图像时,通常会产生锯齿边缘,这时,浏览器不得不为那些在原始图像中不存在的像素插入或猜测数值;这样会导致图像失真...

2014-07-22 14:43:00 113

转载 SVG 2D入门2 - 图形绘制

基本形状  SVG提供了很多的基本形状,这些元素可以直接使用,这一点比canvas好多了。废话不说了,直接看例子,这个最直接:<svgwidth="200"height="250"><rectx="10"y="10"width="30"height="30"stroke="black"fill="transparent"stroke-...

2014-07-22 14:03:00 216

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除