漏刻有时数据可视化Echarts组件开发(42)炫酷的pictorialBar象形柱图代码分析

news2024/11/25 14:11:20

在这里插入图片描述

核心代码

var data = [];
for (let i = 0; i < 5; ++i) {
  data.push(Math.round(Math.random() * 10));
}
var xData2 = ["A", "B", "C", "D", "E"];
var data1 = [100, 100, 100, 100, 100];
// var data2 = [50, 32, 55, 65, 53];
var data3 = [0.01, 0.01, 0.01, 0.01, 0.01];
var data4 = [20, 20, 20, 20, 20];
option = {
  backgroundColor: "#fff",
  tooltip: {
    trigger: "item",
  },
  grid: {
    top: 100,
    left: 100,
    bottom: 100,
  },
  xAxis: {
    show: false,
    axisLabel: {
      interval: 0,
      textStyle: {
        color: "rgba(65, 49,28, .9)",
        fontSize: 30,
        fontFamily: "FZYaoti",
        fontWeight: 100,
      },
      margin: 20,
    },
    splitLine: {
      show: false,
    },
    axisLine: {
      show: false,
      lineStyle: {
        color: "rgba(255, 255,255, .8)",
        width: 4,
      },
    },
    splitArea: {
      show: false,
    },
    axisTick: {
      show: false,
    },
    data: ["A", "B", "C", "D", "E"],
  },
  yAxis: {
    show: false,
    axisLine: {
      lineStyle: {
        color: "rgba(255, 255,255, .9)",
        width: 4,
      },
    },
    axisLabel: {
      interval: 0,
      textStyle: {
        color: "#42321c",
        fontSize: 20,
        fontFamily: "FZYaoti",
      },
      margin: 20,
    },
    splitLine: {
      show: false,
      lineStyle: {
        color: "rgba(255, 255,255, .8)",
        width: 2,
      },
    },
    axisTick: {
      show: false,
    },
  },
  series: [
    {
      name: "",
      type: "pictorialBar",
      symbolSize: [25, 25],
      symbolOffset: [-5, -20],
      z: 20,
      itemStyle: {
        color: function (params) {
          var colorList = [
            new echarts.graphic.RadialGradient(0.4, 0.3, 1, [
              {
                offset: 0,
                color: "#fef8a7",
              },
              {
                offset: 0.5,
                color: "#eb710f",
              },
              {
                offset: 1,
                color: "#fed174",
              },
            ]),
            new echarts.graphic.RadialGradient(0.4, 0.3, 1, [
              {
                offset: 0,
                color: "#feecc2",
              },
              {
                offset: 0.5,
                color: "#01c49a",
              },
              {
                offset: 1,
                color: "#01c49a",
              },
            ]),
            new echarts.graphic.RadialGradient(0.4, 0.3, 1, [
              {
                offset: 0,
                color: "#fafee6",
              },
              {
                offset: 0.5,
                color: "#2eb0ee",
              },
              {
                offset: 1,
                color: "#2eb0ee",
              },
            ]),
            new echarts.graphic.RadialGradient(0.4, 0.3, 1, [
              {
                offset: 0,
                color: "#fed6ee",
              },
              {
                offset: 0.5,
                color: "#fd359c",
              },
              {
                offset: 1,
                color: "#fd359c",
              },
            ]),
            new echarts.graphic.RadialGradient(0.4, 0.3, 1, [
              {
                offset: 0,
                color: "#fefdf9",
              },
              {
                offset: 0.5,
                color: "#aa2cbd",
              },
              {
                offset: 1,
                color: "#aa2cbd",
              },
            ]),
          ];
          return colorList[params.dataIndex];
        },
      },
      symbolPosition: "end",
      data: data,
    },
    {
      name: "",
      type: "pictorialBar",
      symbolSize: [10, 10],
      symbolOffset: [-2, -40],
      z: 20,
      itemStyle: {
        color: function (params) {
          var colorList = [
            new echarts.graphic.RadialGradient(0.4, 0.3, 1, [
              {
                offset: 0,
                color: "#fef8a7",
              },
              {
                offset: 0.5,
                color: "#eb710f",
              },
              {
                offset: 1,
                color: "#fed174",
              },
            ]),
            new echarts.graphic.RadialGradient(0.4, 0.3, 1, [
              {
                offset: 0,
                color: "#feecc2",
              },
              {
                offset: 0.5,
                color: "#01c49a",
              },
              {
                offset: 1,
                color: "#01c49a",
              },
            ]),
            new echarts.graphic.RadialGradient(0.4, 0.3, 1, [
              {
                offset: 0,
                color: "#fafee6",
              },
              {
                offset: 0.5,
                color: "#2eb0ee",
              },
              {
                offset: 1,
                color: "#2eb0ee",
              },
            ]),
            new echarts.graphic.RadialGradient(0.4, 0.3, 1, [
              {
                offset: 0,
                color: "#fed6ee",
              },
              {
                offset: 0.5,
                color: "#fd359c",
              },
              {
                offset: 1,
                color: "#fd359c",
              },
            ]),
            new echarts.graphic.RadialGradient(0.4, 0.3, 1, [
              {
                offset: 0,
                color: "#fefdf9",
              },
              {
                offset: 0.5,
                color: "#aa2cbd",
              },
              {
                offset: 1,
                color: "#aa2cbd",
              },
            ]),
          ];
          return colorList[params.dataIndex];
        },
      },
      symbolPosition: "end",
      data: data,
    },
    {
      name: "",
      type: "pictorialBar",
      symbolSize: [15, 15],
      symbolOffset: [20, -50],
      z: 20,
      itemStyle: {
        color: function (params) {
          var colorList = [
            new echarts.graphic.RadialGradient(0.4, 0.3, 1, [
              {
                offset: 0,
                color: "#fef8a7",
              },
              {
                offset: 0.5,
                color: "#eb710f",
              },
              {
                offset: 1,
                color: "#fed174",
              },
            ]),
            new echarts.graphic.RadialGradient(0.4, 0.3, 1, [
              {
                offset: 0,
                color: "#feecc2",
              },
              {
                offset: 0.5,
                color: "#01c49a",
              },
              {
                offset: 1,
                color: "#01c49a",
              },
            ]),
            new echarts.graphic.RadialGradient(0.4, 0.3, 1, [
              {
                offset: 0,
                color: "#fafee6",
              },
              {
                offset: 0.5,
                color: "#2eb0ee",
              },
              {
                offset: 1,
                color: "#2eb0ee",
              },
            ]),
            new echarts.graphic.RadialGradient(0.4, 0.3, 1, [
              {
                offset: 0,
                color: "#fed6ee",
              },
              {
                offset: 0.5,
                color: "#fd359c",
              },
              {
                offset: 1,
                color: "#fd359c",
              },
            ]),
            new echarts.graphic.RadialGradient(0.4, 0.3, 1, [
              {
                offset: 0,
                color: "#fefdf9",
              },
              {
                offset: 0.5,
                color: "#aa2cbd",
              },
              {
                offset: 1,
                color: "#aa2cbd",
              },
            ]),
          ];
          return colorList[params.dataIndex];
        },
      },
      symbolPosition: "end",
      data: data,
    },
    {
      name: "",
      type: "pictorialBar",
      symbolSize: [12, 12],
      symbolOffset: [-20, -70],
      z: 20,
      itemStyle: {
        color: function (params) {
          var colorList = [
            new echarts.graphic.RadialGradient(0.4, 0.3, 1, [
              {
                offset: 0,
                color: "#fef8a7",
              },
              {
                offset: 0.5,
                color: "#eb710f",
              },
              {
                offset: 1,
                color: "#fed174",
              },
            ]),
            new echarts.graphic.RadialGradient(0.4, 0.3, 1, [
              {
                offset: 0,
                color: "#feecc2",
              },
              {
                offset: 0.5,
                color: "#01c49a",
              },
              {
                offset: 1,
                color: "#01c49a",
              },
            ]),
            new echarts.graphic.RadialGradient(0.4, 0.3, 1, [
              {
                offset: 0,
                color: "#fafee6",
              },
              {
                offset: 0.5,
                color: "#2eb0ee",
              },
              {
                offset: 1,
                color: "#2eb0ee",
              },
            ]),
            new echarts.graphic.RadialGradient(0.4, 0.3, 1, [
              {
                offset: 0,
                color: "#fed6ee",
              },
              {
                offset: 0.5,
                color: "#fd359c",
              },
              {
                offset: 1,
                color: "#fd359c",
              },
            ]),
            new echarts.graphic.RadialGradient(0.4, 0.3, 1, [
              {
                offset: 0,
                color: "#fefdf9",
              },
              {
                offset: 0.5,
                color: "#aa2cbd",
              },
              {
                offset: 1,
                color: "#aa2cbd",
              },
            ]),
          ];
          return colorList[params.dataIndex];
        },
      },
      symbolPosition: "end",
      data: data,
    },
    {
      name: "",
      type: "pictorialBar",
      symbolSize: [70, 20],
      symbolOffset: [0, -10],
      z: 1,
      itemStyle: {
        opacity: 1,
        color: {
          type: "linear",
          x: 0,
          y: 0,
          x2: 1,
          y2: 0,
          colorStops: [
            {
              offset: 0,
              color: "#bdbdbd",
            },
            {
              offset: 0.2,
              color: "#f8f8f8",
            },
            {
              offset: 0.5,
              color: "#fff",
            },
            {
              offset: 0.8,
              color: "#f8f8f8",
            },
            {
              offset: 1,
              color: "#bdbdbd",
            },
          ],
          global: false,
        },
        borderColor: "rgba(0,0,0,.3)",
        borderWidth: 2,
        shadowBlur: 0,
        shadowColor: "rgba(0, 0, 0, .1)",
        shadowOffsetY: 1,
        shadowOffsetX: 0,
      },
      symbolPosition: "end",
      data: data1,
    },
    {
      name: "",
      type: "bar",
      barWidth: 70,
      barGap: "-100%",
      z: 0,
      itemStyle: {
        color: {
          type: "linear",
          x: 0,
          y: 0,
          x2: 1,
          y2: 0,
          colorStops: [
            {
              offset: 0,
              color: "#eeeeee",
            },
            {
              offset: 0.15,
              color: "#fafafa",
            },
            {
              offset: 0.3,
              color: "#fff",
            },
            {
              offset: 0.5,
              color: "#fff",
            },
            {
              offset: 0.7,
              color: "#fff",
            },
            {
              offset: 0.85,
              color: "#fafafa",
            },
            {
              offset: 1,
              color: "#eeeeee",
            },
          ],
          global: false,
        },
      },
      data: data1,
    },
    {
      name: "",
      type: "pictorialBar",
      symbolSize: [70, 20],
      symbolOffset: [0, -10],
      z: 12,
      itemStyle: {
        opacity: 1,
        color: function (params) {
          var colorList = [
            new echarts.graphic.RadialGradient(0.5, 0.4, 0.9, [
              {
                offset: 0,
                color: "#ea8126",
              },
              {
                offset: 1,
                color: "#fff",
              },
            ]),

            new echarts.graphic.RadialGradient(0.5, 0.4, 0.9, [
              {
                offset: 0,
                color: "#05e8b5",
              },
              {
                offset: 1,
                color: "#fff",
              },
            ]),
            new echarts.graphic.RadialGradient(0.5, 0.4, 0.9, [
              {
                offset: 0,
                color: "#51c4fb",
              },
              {
                offset: 1,
                color: "#fff",
              },
            ]),
            new echarts.graphic.RadialGradient(0.5, 0.4, 0.9, [
              {
                offset: 0,
                color: "#ff58ae",
              },
              {
                offset: 1,
                color: "#fff",
              },
            ]),
            new echarts.graphic.RadialGradient(0.5, 0.4, 0.9, [
              {
                offset: 0,
                color: "#c937e4",
              },
              {
                offset: 1,
                color: "#fff",
              },
            ]),
          ];
          return colorList[params.dataIndex];
        },
      },
      symbolPosition: "end",
      data: data,
    },
    {
      name: "",
      type: "bar",
      barWidth: 70,
      barGap: "-100%",
      z: 10,
      label: {
        show: true,
        formatter: "{c}%",
        position: "bottom",
        distance: 20,
        color: "#333",
        fontSize: 18,
      },
      itemStyle: {
        color: function (params) {
          var colorList = [
            new echarts.graphic.LinearGradient(0, 0, 1, 0, [
              {
                offset: 0,
                color: "#ffc664",
              },
              {
                offset: 0.3,
                color: "#ff831f",
              },
              {
                offset: 0.5,
                color: "#ff831f",
              },
              {
                offset: 0.7,
                color: "#ff831f",
              },
              {
                offset: 1,
                color: "#ffc664",
              },
            ]),
            new echarts.graphic.LinearGradient(0, 0, 1, 0, [
              {
                offset: 0,
                color: "#0fae8b",
              },
              {
                offset: 0.3,
                color: "#01c49a",
              },
              {
                offset: 0.5,
                color: "#01c49a",
              },
              {
                offset: 0.7,
                color: "#01c49a",
              },
              {
                offset: 1,
                color: "#0efbc7",
              },
            ]),
            new echarts.graphic.LinearGradient(0, 0, 1, 0, [
              {
                offset: 0,
                color: "#229adf",
              },
              {
                offset: 0.3,
                color: "#2eb0ee",
              },
              {
                offset: 0.5,
                color: "#2eb0ee",
              },
              {
                offset: 0.7,
                color: "#2eb0ee",
              },
              {
                offset: 1,
                color: "#6ad1fc",
              },
            ]),
            new echarts.graphic.LinearGradient(0, 0, 1, 0, [
              {
                offset: 0,
                color: "#fa1181",
              },
              {
                offset: 0.3,
                color: "#fd359c",
              },
              {
                offset: 0.5,
                color: "#fd359c",
              },
              {
                offset: 0.7,
                color: "#fd359c",
              },
              {
                offset: 1,
                color: "#fe7bc7",
              },
            ]),
            new echarts.graphic.LinearGradient(0, 0, 1, 0, [
              {
                offset: 0,
                color: "#932792",
              },
              {
                offset: 0.3,
                color: "#aa2cbd",
              },
              {
                offset: 0.5,
                color: "#aa2cbd",
              },
              {
                offset: 0.7,
                color: "#aa2cbd",
              },
              {
                offset: 1,
                color: "#c382de",
              },
            ]),
          ];
          return colorList[params.dataIndex];
        },
      },
      data: data,
    },
    {
      name: "",
      type: "pictorialBar",
      symbolSize: [70, 25],
      symbolOffset: [0, 10],
      z: 3,
      itemStyle: {
        opacity: 1,
        color: function (params) {
          var colorList = [
            new echarts.graphic.LinearGradient(0, 0, 1, 0, [
              {
                offset: 0,
                color: "#ffc664",
              },
              {
                offset: 0.3,
                color: "#ff831f",
              },
              {
                offset: 0.5,
                color: "#ff831f",
              },
              {
                offset: 0.7,
                color: "#ff831f",
              },
              {
                offset: 1,
                color: "#ffc664",
              },
            ]),
            new echarts.graphic.LinearGradient(0, 0, 1, 0, [
              {
                offset: 0,
                color: "#0fae8b",
              },
              {
                offset: 0.3,
                color: "#01c49a",
              },
              {
                offset: 0.5,
                color: "#01c49a",
              },
              {
                offset: 0.7,
                color: "#01c49a",
              },
              {
                offset: 1,
                color: "#0efbc7",
              },
            ]),
            new echarts.graphic.LinearGradient(0, 0, 1, 0, [
              {
                offset: 0,
                color: "#229adf",
              },
              {
                offset: 0.3,
                color: "#2eb0ee",
              },
              {
                offset: 0.5,
                color: "#2eb0ee",
              },
              {
                offset: 0.7,
                color: "#2eb0ee",
              },
              {
                offset: 1,
                color: "#6ad1fc",
              },
            ]),
            new echarts.graphic.LinearGradient(0, 0, 1, 0, [
              {
                offset: 0,
                color: "#fa1181",
              },
              {
                offset: 0.3,
                color: "#fd359c",
              },
              {
                offset: 0.5,
                color: "#fd359c",
              },
              {
                offset: 0.7,
                color: "#fd359c",
              },
              {
                offset: 1,
                color: "#fe7bc7",
              },
            ]),
            new echarts.graphic.LinearGradient(0, 0, 1, 0, [
              {
                offset: 0,
                color: "#932792",
              },
              {
                offset: 0.3,
                color: "#aa2cbd",
              },
              {
                offset: 0.5,
                color: "#aa2cbd",
              },
              {
                offset: 0.7,
                color: "#aa2cbd",
              },
              {
                offset: 1,
                color: "#c382de",
              },
            ]),
          ];
          return colorList[params.dataIndex];
        },
      },
      data: [1, 1, 1, 1, 1],
    },
    {
      name: "",
      type: "pictorialBar",
      symbol: "rect",
      symbolSize: [70, 40],
      symbolOffset: [0, 40],
      z: -1,
      label: {
        show: true,
        formatter: "{c}%",
        position: "top",
        distance: -20,
        color: "#fff",
        fontFamily: "FZYaoti",
        fontWeight: 100,
        fontSize: 20,
      },
      itemStyle: {
        color: {
          type: "linear",
          x: 0,
          y: 0,
          x2: 1,
          y2: 0,
          colorStops: [
            {
              offset: 0,
              color: "#bbbbbb",
            },
            {
              offset: 0.5,
              color: "#e9e9e9",
            },
            {
              offset: 0.6,
              color: "#fff",
            },
            {
              offset: 1,
              color: "#e5e6e8",
            },
          ],
          global: false,
        },
      },
      data: data4,
    },
    {
      name: "",
      type: "pictorialBar",
      symbolSize: [70, 20],
      symbolOffset: [0, 30],
      z: -2,
      itemStyle: {
        opacity: 1,
        shadowBlur: 5,
        shadowColor: "rgba(90, 96, 108, .3)",
        shadowOffsetY: 2,
        shadowOffsetX: 15,
        color: {
          type: "linear",
          x: 0,
          y: 0,
          x2: 1,
          y2: 0,
          colorStops: [
            {
              offset: 0,
              color: "#bbbbbb",
            },
            {
              offset: 0.5,
              color: "#e9e9e9",
            },
            {
              offset: 0.6,
              color: "#fff",
            },
            {
              offset: 1,
              color: "#e5e6e8",
            },
          ],
          global: false,
        },
      },
      symbolPosition: "end",
      data: data3,
    },
  ],
};
function run() {
  var data = option.series[0].data;
  for (var i = 0; i < data.length; ++i) {
    if (Math.random() <= 100) {
      data[i] = Math.round(Math.random() * 60);
    } else {
      data[i] = Math.round(Math.random() * 80);
    }
  }
  myChart.setOption(option);
}

setTimeout(function () {
  run();
}, 0);
setInterval(function () {
  run();
}, 3000);

参见:makeAPie


@漏刻有时

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1069067.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

WPF向Avalonia迁移(三、项目结构)

前提&#xff1a; Avalonia版本11.0.0 1.配置文件 1.1 添加配置文件 1.2 读取配置文件 添加System.Configuration.ConfigurationManager using Avalonia.Controls; using System.Configuration;namespace AvaloniaApplication7.Views {public partial class MainWindow : W…

java实验(头歌)--面向对象封装继承和多态

文章目录 第一题第二题第三题第四题第五题第六题第七题第八题 快速完成实验的方法&#xff1a; 把对应题目的主函数替换&#xff0c;其他复制粘贴。 第一题 public class TestPersonDemo {public static void main(String[] args) {/********* begin *********/// 声明并实例化…

基于双二阶广义积分器的三相锁相环(DSOGI-PLL)Simulink仿真

&#x1f4a5;&#x1f4a5;&#x1f49e;&#x1f49e;欢迎来到本博客❤️❤️&#x1f4a5;&#x1f4a5; &#x1f3c6;博主优势&#xff1a;&#x1f31e;&#x1f31e;&#x1f31e;博客内容尽量做到思维缜密&#xff0c;逻辑清晰&#xff0c;为了方便读者。 ⛳️座右铭&a…

漏刻有时数据可视化Echarts组件开发(41)svg格式地图应用

1.定义SVG文件 var svg ;2.注册地图函数 Echarts.registerMap是Echarts图表库中用于注册地图的函数。它可以将第三方地图或自定义地图数据与Echarts进行集成&#xff0c;使用Echarts的API进行绘制。使用方法如下&#xff1a; echarts.registerMap(mapName, geoJson) 参数map…

vscode Vue代码script全白

原因&#xff1a;template闭合标签有换行 更改为一行之后&#xff0c;成功解决

置换环建笛卡尔树:AT_wtf22Day1B

https://atcoder.jp/contests/wtf22-day1/tasks/wtf22_day1_b?langen 置换环是用值连位 首先肯定要分成每个置换环&#xff0c;每个置换环操作次数只能是 s i z e − 1 size-1 size−1&#xff08;置换环性质&#xff09; 我们考虑置换环任意一次操作&#xff0c;会划分成…

【C++】笔试训练(四)

目录 一、选择题二、编程题1、计算糖果2、进制转换 一、选择题 1、有以下程序&#xff0c;程序运行后的输出结果是&#xff08;&#xff09; #include<iostream> #include<cstdio> using namespace std; int main() {int m 0123, n 123;printf("%o %o\n&…

VR酒店虚拟仿真情景实训教学演示

在传统的酒店管理教学过程中&#xff0c;学生往往缺乏实践操作经验&#xff0c;难以将理论知识与实际工作相结合。而VR酒店虚拟仿真情景实训教学应用可以为学生提供一个逼真的、沉浸式的酒店管理环境&#xff0c;使学生能够在模拟实践中掌握酒店管理的各项技能。 VR酒店虚拟仿真…

【漏洞复现】时空智友企业流程化管控系统 session泄露

漏洞描述 时空智友企业流程化管控系统 session 泄露 免责声明 技术文章仅供参考&#xff0c;任何个人和组织使用网络应当遵守宪法法律&#xff0c;遵守公共秩序&#xff0c;尊重社会公德&#xff0c;不得利用网络从事危害国家安全、荣誉和利益&#xff0c;未经授权请勿利用…

【通义千问】Qwen从本地加载分词器报错‘‘tokenizer class not exist‘‘

问题描述&#xff1a; 将模型文件下载到本地&#xff0c; 模型文件>https://huggingface.co/Qwen/Qwen-7B-Chat/tree/main 通过【from_pretrained】去加载本地磁盘上的分词器 YOURPATH models/Qwen-7B-Chatname Qwen/Qwen-7B-Chat tokenizer AutoTokenizer.from_pretr…

windows RPC调用过程实例详解

概述&#xff1a;windows 创建 RPC调用过程实例详解 参考文章&#xff1a;Remote procedure call (RPC)&#xff08;远程过程调用 (RPC)&#xff09; - Win32 apps | Microsoft Learn 文章目录 0x01、生成 UUID 和模版(IDL)文件0x02、添加 acf 文件0x03、编译 idl 文件0x04、客…

Unity设计模式——装饰模式

装饰模式&#xff08;Decorator&#xff09;&#xff0c;动态地给一个对象添加一些额外的职责&#xff0c;就增加功能来说&#xff0c;装饰模式比生成子类更为灵活。 Component类&#xff1a; abstract class Component : MonoBehaviour {public abstract void Operation(); …

微信小程序 movable-area 区域拖动动态组件演示

movable-area 组件在小程序中的作用是用于创建一个可移动的区域&#xff0c;可以在该区域内拖动视图或内容。这个组件常用于实现可拖动的容器或可滑动的列表等交互效果。 使用 movable-area 组件可以对其内部的 movable-view 组件进行拖动操作&#xff0c;可以通过设置不同的属…

怎么防止重要文件夹丢失?文件夹安全如何保护?

我们在使用电脑的过程中&#xff0c;会将重要数据放在文件夹中&#xff0c;那么&#xff0c;我们该怎么防止重要文件夹丢失呢&#xff1f;下面我们就一起来了解一下。 EFS加密 EFS加密可以对于NTFS卷上的文件夹进行加密&#xff0c;加密后的文件夹将只允许加密时登录系统的用户…

Bigemap 在生态环境督察工作中的应用

工具 Bigemap gis office地图软件 BIGEMAP GIS Office-全能版 Bigemap APP_卫星地图APP_高清卫星地图APP 业务背景 用户是一家科技公司&#xff0c;业务线主要是配合省生态厅环境督察应用工作&#xff0c;他们技术人员先是基于卫星遥感去发现生态环境破坏问题线索&#xff…

详解SIFT、SURF和ORB特征点检测和描述算法

文章目录 0 引言1 SIFT算法1.1 主要目的1.2 主要步骤1.3 示例代码 2 SURF算法2.1 主要目的2.2 主要步骤2.3 示例代码 3 ORB算法3.1 主要步骤3.2 代码示例 4 三者对比 0 引言 本文主要对SIFT、SURF和ORB特征点检测和描述算法进行详细的学习和比较。 ⚠️ ⚠️ ⚠️ &#xff1a…

网站为什么一定要使用SSL证书?

在现代社会&#xff0c;随着互联网的快速发展&#xff0c;越来越多的人开始使用网络来完成日常生活中的各种任务。而在这个过程中&#xff0c;网站作为网络中最重要的组成部分之一&#xff0c;也逐渐成为了人们日常生活中的不可或缺的一部分。但是&#xff0c;随着网络攻击和数…

深入分析APK文件格式

前言 最近在升级项目的 Gradle 及 AGP 版本&#xff0c;在进行APK编辑再压缩时遇到了前后压缩比不一致的问题&#xff0c;所以抽空又一总结了下 APK (ZIP) 文件格式。 无论是使用 7z 进行包体积优化&#xff0c;或是快速构建多渠道包&#xff0c;又或是V2、V3签名等都是基于 …

问卷调查中常见问题及解决方法

随着技术和市场的日益发展&#xff0c;问卷调查已经成为了人们了解客户需求和反馈的一种必要手段。但是&#xff0c;问卷调查也面临着一些问题。在本文中&#xff0c;我们将探讨一些常见问题&#xff0c;问卷调查会遇到什么问题&#xff1f;怎么解决&#xff1f;并提供一些解决…

【斗破年番】火火抱彩鳞把她整害羞啦!女王解锁新造型,身形丰满超有料

Hello,小伙伴们&#xff0c;我是小郑继续为大家深度解析斗破年番系列。 斗破年番已经更新&#xff0c;这集的精彩程度可以说出乎预料。不论是节奏的把控&#xff0c;打戏的呈现还是氛围的营造都十分的出彩。尤其是在萧炎施展三千雷动时运用的三年之约时的BGM简直让观感体验瞬间…