第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

如何將選定的文件輸入圖像轉(zhuǎn)換為 blob

如何將選定的文件輸入圖像轉(zhuǎn)換為 blob

慕雪6442864 2023-07-14 16:45:30
我想使用文件輸入來(lái)選擇一些圖像。在我的 HTML 代碼中,我有這個(gè)<input type="file" ref="file" name="images[]">選擇后,我想將每個(gè)選定的圖像轉(zhuǎn)換為一個(gè)斑點(diǎn)。我如何在我的 Vue 應(yīng)用程序中實(shí)現(xiàn)這一目標(biāo)?我不確定是否需要使用文件讀取器,或者是否需要模擬 ajax 調(diào)用以將圖像轉(zhuǎn)換為 blob
查看完整描述

1 回答

?
慕蓋茨4494581

TA貢獻(xiàn)1850條經(jīng)驗(yàn) 獲得超11個(gè)贊

const demoDonutOptions = {

  color: {

    scale: {

      java: "#FF0000",

      javascript: "#00FF00",

      "c++": "#0000FF"

    }

  },

  height: "300px"

};

請(qǐng)注意,需要指定所有組才能color.scale使此示例正常工作:


import React from "react";

import ReactDOM from "react-dom";

import { DonutChart } from "@carbon/charts-react";

import "@carbon/charts/styles.css";


const colors = {

  java: "#FF0000",

  javascript: "#00FF00",

  "c++": "#0000FF"

};


const chartData = [

  {

    group: "java",

    value: 300

  },

  {

    group: "javascript",

    value: 600

  },

  {

    group: "c++",

    value: 200

  }

];


const demoDonutOptions = {

  color: {

    scale: colors

  },

  height: "300px"

};


function App() {

  return (

    <div className="App">

      <h3>React Donut chart with label</h3>

      <div>

        <DonutChart data={chartData} options={demoDonutOptions} />

      </div>

    </div>

  );

}


const rootElement = document.getElementById("root");

ReactDOM.render(<App />, rootElement);


查看完整回答
反對(duì) 回復(fù) 2023-07-14
  • 1 回答
  • 0 關(guān)注
  • 145 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)