![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
threeJS
澜漾
这个社会这么卷,怎么办?remark吧!
展开
-
使用js截图 threeJS加载出的模型
1.先安装 html2canvas包npm i html2canvas --save2.引入import html2canvas from 'html2canvas' // 引入截图库3.使用html2canvas(document.querySelector('.model'), { windowWidth: 800, windowHeight: 800}).then(function(canvas) { document.body.appendChild(canvas)}原创 2020-09-17 16:03:05 · 793 阅读 · 0 评论 -
HTML版的使用three.js加载obj和mtl文件并上贴图
目录效果图全部代码另: [Vue版的](https://blog.csdn.net/weixin_44601948/article/details/108502580)效果图全部代码<!DOCTYPE html><html lang="en"> <head> <title>three.js webgl - loaders - OBJ MTL loader</title> <meta charset="utf-8">原创 2020-09-09 21:33:54 · 3159 阅读 · 3 评论 -
Vue引入Thee.js 加载obj文件和mtl文件并上纹理贴图
目录1.引入包三个包2.在vue 组件内 import文件3.在mound钩子函数内调用4.效果图另:HTML页面使用three加载obj文件和mtl文件1.引入包三个包第三个是辅助控制缩放 移动的2.在vue 组件内 import文件3.在mound钩子函数内调用文件let that = this; this.windowHalfX = window.innerWidth / 2; this.windowHalfY = window.innerHeight / 2;原创 2020-09-09 21:26:33 · 2725 阅读 · 1 评论 -
Three贴图跨域:DOMException: Failed to execute ‘texImage2D‘ on ‘WebGLRenderingContext
DOMException: Failed to execute ‘texImage2D’ on 'WebGLRenderingContext网上找到方法修改threejs.module.js文件中的ImageLoader.prototype在return之前加上image.crossOrigin=’’参考原文地址:https://blog.csdn.net/qq_41923622/article/details/103756549...转载 2020-09-07 21:14:02 · 1964 阅读 · 1 评论