画图
bug丸
写文章主要是想记录下自己的学习,帮助自己梳理知识,可以如果有错误的地方欢迎指出。如果觉得有收获,可以让我满足下我的的虚荣心,点个赞
展开
-
three.js的基本使用
three.js的基本使用基本使用步骤1 创建一个场景scene=new THREE.Scene()2 设置灯光一、环境光AmbientLight没有特定方向的光源,均匀整体改变物体表面的明暗效果 const ambient = new THREE.AmbientLight(0x666666) scene.add(ambient)二、点光源PointLight光线沿着发光核心向外发散,光源照亮面对着光源的面,背对着光源的无法照射到,颜色会比较暗 cons原创 2022-01-05 21:31:29 · 2668 阅读 · 0 评论 -
echart配置文档
常用echarts参数说明通用标题title—对象title.text:“ ” 标题文字内容title.textStyle:{color:颜色fontSize:字体大小fontWeught:字体粗细}提示tooltip—对象默认他显示的名称和item的name一致,数字和value对应trigger:"axis" / "item" / "none" axis用于柱状图和曲线图由轴的图 item主要是散点图 饼图 地图等无轴的图triggerOn: "mouseov原创 2021-08-07 16:58:21 · 698 阅读 · 0 评论 -
canvas学习
canvas基本使用基本画布功能基本使用步骤:1 创建canvas元素并设置宽高2 在画布上绘制图形前,先获取对绘图上下文的引用3 使用toDataURL()方法导出canvas元素上的图像 <canvas id="myCanvas" width="200px" height="200px">canvas的基本使用</canvas> const myCanvas = document.querySelector("#myCanvas");原创 2021-07-07 21:34:29 · 251 阅读 · 0 评论 -
svg画图
svg画图是一种基于 XML 语法的图像格式,全称是可缩放矢量图;体积较小,且不管放大多少倍都不会失真画基础图形 <body> <svg width="800" height="600"> <!-- 1、2 画圆 --> <!-- 圆心(cx,cy),半径r --> <circle r="100" cx="100" cy="100" fill="#2b85e0" stroke="red">原创 2021-07-12 22:16:22 · 203 阅读 · 0 评论