- 博客(31)
- 收藏
- 关注
RSS订阅转载 datagridRow对象不见了，怎么办？
做项目的时候遇到的一个奇葩问题，最后找到的解决办法如下：代码如下：///<summary>///获取DataGrid的行///</summary>///<paramname="dataGrid">DataGrid控件</param>///<pa...
2017-02-15 14:22:00
134
转载 winForm中如何实现Webbrowser控件加载html页面？
Webbrowser控件加载html页面非常简单。首先拖一个webbrowser控件到窗体中，然后通过代码：webBrowser1.Navigate("cityApi.html");加载网页资源。如果要实现winform与网页进行交互需要用到事件webBrowser1_DocumentCompleted（即html文档加载完成后进行交互）:winform后台可以通过语句：webB...
2017-02-15 14:11:00
2122
转载 设置背景图片的两种方式，并解决手机端背景图片高度自适应问题
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
111
转载 .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
867
转载 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
757
转载 WebGL如何解决中文文字载入
关于WebGL载入中文字体问题，我在网上搜了一下，发现例子并不多，而且只能实现隶书的载入，不支持其他中文字体。 下面是实现的代码：<script src="../js/three.min.js"></script> <!-- load the font file from canvas-text --> <s...
2015-07-28 15:51:00
355
转载 JS中offsetwidth等图文解释
网页可见区域宽： document.body.clientWidth;网页可见区域高： document.body.clientHeight;网页可见区域宽： document.body.offsetWidth (包括边线的宽);网页可见区域高： document.body.offsetHeight (包括边线的宽);网页正文全文宽： document.body...
2015-01-15 14:38:00
217
转载 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
98
转载 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
157
转载 SVG 2D入门11 - 动画
交互性 SVG拥有良好的用户交互性，例如：1. SVG能响应大部分的DOM2事件。2. SVG能通过cursor良好的捕捉用户鼠标的移动。3. 用户可以很方便的通过设置svg元素的zoomAndPan属性的值来实现缩放等效果。4. 用户可以很方便的把动画和事件结合起来，完成一些复杂的效果。 通过给SVG元素挂接事件，我们可以使用脚本语言方便的完成一些交互任务。SV...
2014-07-22 14:58:00
458
转载 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
94
转载 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
233
转载 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关注的人