canvas
椰卤工程师
这个作者很懒,什么都没留下…
展开
-
通过tracking.js、陀螺仪 和 three.js 实现裸眼3d效果
体验地址:https://threejs-3d.vercel.app/github地址:https://github.com/lqq-code/threejs-3dthree.js是一款webGL框架以简单、直观的方式封装了3D图形编程中常用的对象是一个跨浏览器的脚本,使用JavaScript函数库或API来在网页浏览器中创建和展示动画的三维计算机图形。1、创建场景三要素:场景 + 相机 + 渲染器构造函数PerspectiveCamera(fov, aspect, ne原创 2021-09-13 17:54:35 · 1618 阅读 · 0 评论 -
【避坑指“难”】canvas绘制时,文字过长自动换行
getTextCanvas(ctx,content,drawX, drawY, lineHeight, lineMaxWidth, lineNum){ var drawTxt = ''; // 当前绘制的内容 var drawLine = 1; // 第几行开始绘制 var drawIndex = 0; // 当前绘制内容的索引 // 判断内容是否可以一行绘制完毕 if(ctx.measureText(content).width <= lineMaxWid..原创 2021-09-06 15:31:16 · 1043 阅读 · 0 评论 -
【避坑指“难”】解决小程序wx.canvasToTempFilePath()导出图片模糊、尺寸压缩问题
wx.canvasToTempFilePath(Object object, Object this)把当前画布指定区域的内容导出生成指定大小的图片。在 draw() 回调里调用该方法才能保证图片导出成功。官方的举例????wx.canvasToTempFilePath({ x: 100, y: 200, width: 50, height: 50, destWidth: 100, destHeight: 100, canvasId: 'myCanvas', succ原创 2021-07-06 17:57:38 · 9604 阅读 · 0 评论