html5
文章平均质量分 76
xiangjinqi
这个作者很懒,什么都没留下…
展开
-
如何动态改变Highcharts图表的大小
如何动态改变Highcharts图表的大小设置chart的margin属性,代码如下所示;view sourceprint?$(function () {$('#container').highcharts({chart: {type: 'line',margin: [0, 0, 0, 0] //距离上下左右的距离值},xAxis: {categories: ['Jan', 'Feb...原创 2017-06-02 14:47:40 · 6099 阅读 · 0 评论 -
Three.js 学习记录 之 几何体
几何体是一个很重要的东东,它描述了你所要显示的对象的结构形状,有了这个形状之后,就可以使用材质给这个形状增加外观,然后使用网格(Mesh)把对象显示出来。Three.js提供了丰富的几何体模型,今天了解几个模型,来和大家分享一下:Three.js库中的geometry和其它大多数三维库中的一样,基本上是三位空间中的点集,以及一些将这些点连接起来的面,举例来说,一个方块有8个角,每个角都可...原创 2017-06-11 18:31:22 · 302 阅读 · 0 评论 -
Three.js开发指南---学习使用几何体(第五章)
一 基础几何体 1 二维图形:二维图形都是基于x和y轴构建的,即展示的形式就是他们都是“直立”的,如果希望这些二维图形躺下,则需要将几何体沿着x轴向后旋转1/4圈mesh.rotation.x=-Math.PI/2; 1.1 PlaneGeometry:平面几何体 new THREE.PlaneGeometry(width,height,widthSegments,he...原创 2017-06-11 18:28:38 · 458 阅读 · 0 评论 -
Three.js开发指南---使用高级几何体和二元操作(第六章)
本章的主要内容: 一,高级几何体-凸面体ConvexGeometry,扫描体LatheGeometry,管状几何体TubeGeometry; 二,使用拉伸几何体ExtrudeGeometry将一个二维图形生成三维图形,并基于从外部引入的SVG图片生成一个三维图形; 三,基于three.js提供的ParamtericGeometry对象的公式定制自己的图形 四,使用Text...原创 2017-06-11 18:19:15 · 587 阅读 · 0 评论 -
Three.js基础探寻四——立方体、平面与球体
1.立方体 虽然这一形状的名字叫立方体(CubeGeometry),但它其实是长方体,也就是长宽高可以设置为不同的值。其构造函数是: THREE.CubeGeometry(width,height,depth,widthSegments,heightSegments, depthSegments) width:x方向上的长度 height:y方向上的长度 depth:z方向上的长...原创 2017-06-11 18:16:44 · 661 阅读 · 0 评论 -
深入理解Three.js(WebGL)贴图(纹理映射)和UV映射
深入理解Three.js(WebGL)贴图(纹理映射)和UV映射iefreer 发表于 2016-08-12 09:14:18 标签: webgl, texture, map, uv, cube- +本文将详细描述如何使用Three.js给3D对象添加贴图(Texture Map,也译作纹理映射,“贴图”的翻译要更直观,而“纹理映射”更准确。)。为了能够查看在线演示效...原创 2017-06-11 18:10:30 · 2683 阅读 · 0 评论 -
WebGL 入门-光源和投影
神说:“要有光”,就有了光。Three.js内置了多种光源可以直接调用:AmbientLight(环境光)AreaLight(区域光)DirectionalLight(平行光)HemisphereLight(半球光)PointLight(点光源)SpotLight(聚光灯)首先我们设置好基础的环境:<!DOCTYPE html><h...原创 2017-06-04 14:56:41 · 664 阅读 · 0 评论 -
JS中关于clientWidth offsetWidth scrollWidth 等的含义
网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offsetWidth (包括边线的宽);网页可见区域高: document.body.offsetHeight (包括边线的宽);网页正文全文宽: document.body.scrollWidth;...原创 2017-06-04 14:52:43 · 121 阅读 · 0 评论 -
鼠标指针变化
<html> <body><p>请把鼠标移动到单词上,可以看到鼠标指针发生变化:</p><span style="cursor:auto">Auto</span><br /><span style="cursor:crosshair"&原创 2017-06-04 14:49:51 · 345 阅读 · 0 评论 -
three.js代码注释
转载请保留此句:商域无疆 - 本博客专注于 敏捷开发及移动和物联设备研究:数据可视化、GOLANG、html5、WEBGL、THREE.JS,否则,出自本博客的文章拒绝转载或再转载,谢谢合作。俺也是刚开始学,好多地儿肯定不对还请见谅.以下代码是THREE.JS 源码文件中Light/DirectionalLight.js文件的注释./*** @author mrdoob / http...原创 2017-06-04 14:45:30 · 192 阅读 · 0 评论 -
three.js内部拖拽例子全详解
<!DOCTYPE html><html> <head> <title>three.js webgl - draggable cubes</title> <meta charset="utf-8"> <meta name=原创 2017-06-02 14:51:39 · 890 阅读 · 0 评论 -
three.js 性能插件stats简单用法
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Three框架</title> <script type="text/javascript原创 2017-06-02 14:51:01 · 4302 阅读 · 0 评论 -
THREE.JS中常用的3种材质
THREE.JS中常用的3种材质发表于2016/5/15 16:26:01 7746人阅读分类: three-js javascript总序材质和几何体构成网格,决定几何体是否像金属,透明与否,已经是否显示成线框。MeshBasicMaterial:对光照无感,给几何体一种简单的颜色或显示线框MeshLambertMaterial:这种材质对光照有...原创 2017-06-12 10:05:14 · 1670 阅读 · 0 评论