three.js贴图

js正则表达式图形化工具-rline

github地址:https://github.com/finance-sh/rline 在线demo: http://lihuazhai.com/demo/test.html 这是一个js正则表达式图形化工具,有以下功能: 在输入框填入正则表达式,支持格式:1,没有斜线,如:\d|\s ; 2,有斜线,如:/\d|\s/ 点击展示按钮,将会在下方生成正则流程图:同时在控制台中将会输出该正则的数据结构. 实例: 请在高级浏览器中运行. 我们的github地址:https://github.com…

JS前端图形化插件之利器Gojs组件（php中文网）

JS前端图形化插件之利器Gojs组件(php中文网) 一.总结一句话总结:php中文网我可以好好走一波二.JS前端图形化插件之利器Gojs组件参考: JS前端图形化插件之利器Gojs组件-js教程-PHP中文网http://www.php.cn/js-tutorial-382417.html 之前分享过两篇关于流程画图的前端组件,使用的jsPlumb.这个组件本身还不错,使用方便.入门简单.轻量级,但是使用一段时间下来,发现一些弊病,比如组件不太稳定,初始进入页面的时候连线的样式有时会乱掉…

使用图像作为材质.这时候,就需要导入图像作为纹理贴图,并添加到相应的材质中 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <script type="text/javascript" src="l…

最近发现了个js传图预览的函数和大家分享下

由于浏览器js沙箱,存在不同域,js无法直接调用电脑文件.在之前做传图预览的时候,基本的思路就是, 将图片先保存到服务器中缓存,然后返回一个服务器路径,并显示出图片,然而这样很耗缓存目录文件的.方法也比较复杂. 很幸运,发现了个可以直接预览图片的js 代码如下:(测试过火狐和chrome,都能够支持.在ie中,只支持ie8,还是不够完善,如有大神请指教) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"…

（转）轻量级JS焦点图/轮换图myFocus V2源码下载及安装教程

myFocus是一个专注于焦点图/轮换图制作的JS库,它小巧而且是完全独立的JS库,用它可以轻松的制作出网上绝大部分常见的焦点图(甚至包括flash焦点图),而且制作出的焦点图体积也非常的小(1KB左右),功能也十分的完备,因为是轻量级,其运行效率也比常见的焦点图要高. 最重要的一点是,用myFocus制作出的焦点图使用十分的简单方便,而且每个焦点图的接口/结构都是通用的,这样,只用1~2秒时间就给网站换不同风格的焦点图成为了可能. myFocus的设计理念就是简单易用,无论是多么复杂应用的焦点…

[Js]焦点图轮播效果

一.所用到的知识点 1.DOM操作 2.定时器 3.事件运用 4.Js动画 5.函数递归 6.无限滚动大法二.结构和样式 <div id="banner" class="banner"> <ul id="list-banner" class="list-banner fn-clear" style="left:-624px;"> <li>…

纯JS焦点图特效（可一个页面多用）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-…

自己做的js甘特图插件

html+JS刷图实现视频效果

网页播放视频须要载入播放器,可是通过刷图也能实现视频播放的效果 JS中用到Z-index属性,记录一篇解说Z-index属性的博客的地址: http://www.cnblogs.com/gisdream/archive/2010/06/10/1755891.html 方法1: JS的代码 <script type="text/javascript"> var imageNr = 0; var finished = new Array(); …

免费JS甘特图组件dhtmlxgantt

安装参考:https://docs.dhtmlx.com/gantt/desktop__install_with_bower.html 可使用NuGet.Bower.npm包管理器安装(应用在asp.net.nodejs等项目上). Nuget nuget install DHTMLX.Gantt npm npm install dhtmlx-gantt 或使用CDN.下载JS库引入(简单HTML应用). CDN <link rel="stylesheet" href=&quo…

php网页切图/js切图

PhantomJS抓取网站页面信息以及网站截图 http://phantomjs.org/download.html PHP imagegrabscreen和imagegrabwindow(截取网站缩略图) 不太兼容各浏览器利用html5中的canvas 和html2canvas指定页面标签截图,利用jquery将图片编码给后台,后台再编译成指定的图片格式,jquery.plugin.html2canvas.js自己写的方法里面. 最近一个客户用ecshop,要改点东西: 1,后台菜单添加…

D3.js 弦图的制作

这是一种用于描述节点之间联系的图表. 1. 弦图是什么弦图(Chord),主要用于表示两个节点之间的联系. 两点之间的连线,表示谁和谁具有联系: 线的粗细表示权重: 2. 数据初始数据为: var city_name = [ "北京" , "上海" , "广州" , "深圳" , "香港" ]; var population = [ [ 1000, 3045 , 4567 , 1234 , 3714 ]…

JS框架图

一.JS框架…

JS实现图的创建和遍历

图分为无向图和有向图图的存储结构有邻接矩阵.邻接表.十字链表.邻接多重表这四种,最常用的是前两种本篇主要是利用邻接矩阵实现无向图的创建和遍历(深度优先.广度优先),深度优先其实就是二叉树里的前序遍历利用邻接矩阵(边数组)创建图 let scanf = require('scanf'); //定义邻接矩阵 let Arr2 = [ [0, 1, 0, 0, 0, 1, 0, 0, 0], [1, 0, 1, 0, 0, 0, 1, 0, 1], [0, 1, 0, 1, 0, 0, 0…

js多图上传展示和删除

html部分 <button class="btn btn-info" for="file">请选择文件</button> <input type="file" id="file" name="file" multiple='multiple' class="hidden" onchange="showPicture(this)"/>…

js多图预览及上传功能

<%-- Created by IntelliJ IDEA. User: Old Zhang Date: 2018/12/27 Time: 11:17 To change this template use File | Settings | File Templates. --%> <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> &…

JS焦点图上下翻动支持IE6

<div class="slider"> <ul class="num" id="homePushName"> <li class="current">1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> <…

js知识地图--js大脑图beta01版正式发布

原文地址 http://zhangyaochun.iteye.com/blog/1682605 原作者:zhangyaochun…

Node.js 把图片流送到客户端

效果: 代码: var http=require('http'); var fs=require('fs'); var path=require('path'); var mime=require('mime'); var cache={}; var server=http.createServer(function(request,response){ response.writeHead(200,{'Content-Type':'image/png'}); fs.createReadStre…

js 看图识国家

<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8" /> <title></title> <style> img { width:100px; he…

两款不错的js甘特图控件

dhtmlx:https://docs.dhtmlx.com/ jQuery.Gantt:http://taitems.github.io/jQuery.Gantt/…

深入理解Three.js（WebGL）贴图（纹理映射）和UV映射

本文将详细描述如何使用Three.js给3D对象添加贴图(Texture Map,也译作纹理映射,“贴图”的翻译要更直观,而“纹理映射”更准确.).为了能够查看在线演示效果,你需要有一个兼容WebGL的现代浏览器(最好是Chrome/FireFox/Safari/Edge/IE11+). 本文的在线演示结果和代码请点击这里:Three.js贴图实例. 什么是贴图(Texture Mapping) 贴图是通过将图像应用到对象的一个或多个面,来为3D对象添加细节的一种方法. 这使我们能够添加表面细节…

记录d3.js 力导向图的平移缩放，类似地图导航点击某一项移动到当前位置

项目中有用到d3.js用于图结构的查询, 需求如下: 右上角有个模糊搜索功能,查询出来的结果用列表展示点击列表的某一列,要求画布移动到当前选中的节点的位置,基于画布正中间搜索出来的结果列表展示用的element-ui表格,前台进行分页,不依赖后台,下面记录一下svg的平移 function translateSvg(d){ //获取svg的父元素 const parentBox = svg.node().parentElement //获取父元素的宽度 const fullWidth = p…

js 的一些知识摘自http://img0.pconline.com.cn/Pc_intranet/1105/13/313647_7.pdf

Js 问题分析--js 影响页面性能现状分析:问题陈述分析问题:抽象问题根源,通过实例或推理证明问题的严重性问题引申:以现有问题为点开始扩散,这将导致其它什么问题,或同一类型的问题问题总结:从分散开始回归,再次抽象问题5.1 DOM 操作不当影响页面性能现状分析:我们的页面上对 DOM 的操作在所难免,无论是焦点图切换这样的交互效果,还是各种数据接口的应用,DOM 操作都是重要的环节.目前页面上的 JavaScript 越来越多,一旦我们的 DOM 操作不当,必然对页面产生严重的性能问题.比如:…

【three.js贴图】的更多相关文章