jarisMA的博客

微信小程序利用canvas实现蜘蛛网图1、.wxml文件canvas style="width: 200px; height: 200px;" canvas-id="firstCanvas">canvas>2、.js文件const app = getApp();Page({ //事件处理函数 canvasIdErrorCallback: function (e)

探索three.js中的各种材质

THREE.JS绘制虚线 var lineGeometry = new THREE.Geometry(); lineGeometry.vertices.push(new THREE.Vector3(0, 1000, 5)); lineGeometry.vertices.push(new THREE.Vector3(0, -1000, 5)); var line = ne...

1.Object.assign(target,…sources)因为 Object.assign()拷贝的是属性值。假如源对象的属性值是一个指向对象的引用，它也只拷贝那个引用值。eg:var obj1 = { a: 0 , b: { c: 0}};var obj2 = Object.assign({}, obj1);//将obj的可枚举的属性值复制到{}中console.log(JSON...

THREE.JS获取截图1.渲染器的配置var renderer = new THREE.WebGLRenderer({ //将渲染保存到缓冲区，否则获取的图片会是空的 preserveDrawingBuffer: true,//是否保留缓冲区直到手动清除或覆盖。默认值为false});2.将渲染的canvas转化为base64的图片 var img = new Image(...

canvas绘制标尺eg:[预览链接](https://jsfiddle.net/jaris/gz06j95p/)/** * canvas 绘制标尺 * * params:{*} * axisWidth:Number,轴线的宽度，单位px * lineColor:String,轴线的颜色 * gridWidth:Number,大网格的宽度 * ...

前端post请求报400错误400的错误是由于发送请求参数没有成功原因：参数名称类型没有对上；或者参数格式不正确参数格式不正确，解决方法：格式化传递给后台的参数1.使用axios对于请求的参数：引入qsimport qs from 'qs'axios({ method: 'post', url: url, data: qs.stringify(params)//格式化...

vue读取xls或xlsx文件1.选择一款合适的xls插件，我选择的是xlsx安装：npm install xlsx2.template<template> <div> <input type="file" ref="upload" accept=".xls,.xlsx" @ch...

vue中解决html2canvas图片跨域问题html2canvas在截图的过程中，如果遇到html中有跨域地址的图片，即图片地址非本地，截图的时候将不会显示图片解决方法：html<div ref="imageDom"> <!-- 支持跨域的地址 --> <img :src="imgUrl+'?'+new Date().getTime()"...

Three.js几何对象的组合1.创建一个几何体 2.创建一个Object3D对象或者Group对象 3.将几何体添加进入Object3D对象或者Group对象中 4.将Object3D对象或者Group对象添加进入场景中以下以十字为例：var cylinderGeometry = new THREE.CylinderGeometry(0.2, 0.2, 2, 32);//创建一...

探索three.js中的各种光源

js 实现图片缩放图标保持大小不变，位置相对于图片移动html&lt;div name="images1" style="zoom: 1; transform: scale(1); width: 5146px; height: 4583px;" id="images1"&gt; &lt;img id="floorPlanPicture" src="图片地址&qu

微信小程序利用canvas实现六边形蜘蛛图1、.wxmlcanvas style="width: 200px; height: 200px;" canvas-id="firstCanvas">canvas>2、.jsconst app = getApp();Page({ //事件处理函数 canvasIdErrorCallback: function (e) {

判断元素是否存在 1.原生DOM var obj = getElementById(id);//获取元素 if(obj){//判断元素是否存在，若不存在则返回null obj.innerHtml("hello,world!");//对存在的元素操作 } 2.jquery 因为jQuery对象永远都有返回值，$(“#id”) 总是TRUE

jquery 实现图片预览效果CSS.avatarWrapper:hover .avatarButton{ display: block; cursor: pointer;}.avatarWrapper{ position:relative; width: 250px; margin: 200px auto;}.avatarWrapper...

自定义构造函数微信小程序的socket连接1.module//连接socketfunction connect(url){ wx.connectSocket({ url: url });}export var Socket = function(url) { this.events = {};//添加属性 connect(url);//连接so...

微信小程序获取当前加载的页面信息js var pages = getCurrentPages(); //获取加载的页面信息（结果是个数组） if (pages[pages.length - 1]['route'] == "路径"){ }

原生JS可以直接使用ID名称来获取元素eg:html&lt;form&gt; &lt;select name="choice" size="1" id="obj"&gt; &lt;option value="a"&gt;1&lt;/option&gt; &lt;op

微信小程序 action-sheet组件的使用wxml&lt;!--触发actionSheet事件--&gt;&lt;button type="primary" catchtap="actionSheet"&gt; 弹出ActionSheet&lt;/button&gt;&lt;!--默认action-sheet为隐藏，由button触发--&gt;&l

three.js的认识一、什么是three.jsthree.js 是一个跨浏览器 JavaScript 库/API ,用于在web 浏览器中创建和显示3D图形。 three.js 是基于 WebGL开发的。它的代码托管在GitHub上。二、three.js的三要素1....

nodejs实现获取微信公众号js-sdk开发配置步骤：获取access_token（有效期7200秒）第一步拿到的access_token 采用http GET方式请求获得jsapi_ticket（有效期7200秒）生成签名:参与签名的字段包括noncestr（随机字符串）, 有效的jsapi_ticket, timestamp（时间戳）, url（当前网页的URL，不包含#及其后面部...