heuzef
/
icon-collection
zrcadlo https://github.com/benc-uk/icon-collection.git
1
0
Rozštěpit 0
Zdrojový kód Úkoly 0 Vydání 1 Wiki Aktivita
Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.
30 Revize
8 Větve
83 MiB
 
 
 
Strom: f6d7d25764
Větve Značky
${ item.name }
Vytvořit větev ${ searchTerm }
z „f6d7d25764“
${ noResults }
icon-collection/azure-docs/index.html

548 řádky
43 KiB
Surový Blame Historie 

  1. <html>

  2. <head>

  3.   <title>Azure Docs</title>

  4.   <link rel="icon" type="image/png" href="../favicon.png">

  5.   <style>

  6.     body {

  7.       font-family: 'Segoe UI', Arial;

  8.       background-color: #aaa;

  9.       padding: 0;

  10.       margin: 0;

  11.     }

  12.     .bg-0 {

  13.       background-image: url("https://github.com/benc-uk/icon-collection/raw/master/_tools/background.png")

  14.     }

  15.     .bg-1 {

  16.       background-color: #333;

  17.     }

  18.     .bg-2 {

  19.       background-color: #fff;

  20.     }

  21.     .imgbox img { 

  22.       width: 10.5rem;

  23.       height: 10.5rem;

  24.       object-fit: contain;

  25.       cursor: pointer;

  26.     }

  27.     .imgbox {

  28.       margin: 0.6rem;

  29.       padding: 0.5rem;

  30.       text-align: center;

  31.       width: 12rem;

  32.       height: 12rem;

  33.       background-color: #e0e0e0;

  34.     }

  35.     h1 {

  36.       font-size: 2.6rem;

  37.     }

  38.     .find, .find input {

  39.       font-size: 1.5rem;

  40.     }

  41.     .top {

  42.       position: -webkit-sticky;

  43.       position: sticky;

  44.       top: 0;

  45.       background-color: #aaa;

  46.       padding: 1rem;

  47.       box-shadow: 0px 5px 18px 3px rgba(0,0,0,0.59);

  48.     }

  49.     .top button {

  50.       float: right; 

  51.       position: relative; 

  52.       top: -2rem; 

  53.       font-size: 1.5rem;

  54.     }

  55.     .pngbox {

  56.       position: absolute; 

  57.       top: 2rem; 

  58.       right: 1rem;

  59.       font-size: 1.5rem;

  60.     }

  61.     input[type="checkbox"] {

  62.       width: 1.6em;

  63.       height: 1.6em;

  64.     }

  65.     .label {

  66.       height: 2.5em;

  67.       line-height: 1em;

  68.       overflow: hidden;

  69.       font-size: 0.9rem;

  70.     }

  71.     .grid {

  72.       display: flex;

  73.       flex-wrap: wrap;

  74.       width: 100%;

  75.     }

  76.     h1 {

  77.       display:inline;

  78.     }

  79.     .home {

  80.       font-size: 3rem;

  81.       text-decoration: none

  82.     }

  83.   </style>  

  84. </head>

  85. 

  86. <body>

  87. 

  88.   <div class="top">

  89.     <a href=".." class="home">&#129093;</a> &nbsp; <h1>Azure Docs</h1>

  90.     <br/><br/>

  91.     <span class="find">Finder: <input onkeyup="search()" id="finder"><br></span> 

  92.     <div class="pngbox"><input type="checkbox" id="pngcheck"><label for="pngcheck">Download as PNG</label></div>

  93.     <button onclick="toggleBg()">Change Background</button>

  94.   </div>

  95. 

  96.   <div class="grid">

  97.     

  98.       <div id="activedirectory.svg" class="imgbox"><img src="activedirectory.svg" class="bg-0" onclick="download('activedirectory.svg', this)"/><div class="label">activedirectory.svg</div></div>

  99.     

  100.       <div id="advisor.svg" class="imgbox"><img src="advisor.svg" class="bg-0" onclick="download('advisor.svg', this)"/><div class="label">advisor.svg</div></div>

  101.     

  102.       <div id="analysisservices.svg" class="imgbox"><img src="analysisservices.svg" class="bg-0" onclick="download('analysisservices.svg', this)"/><div class="label">analysisservices.svg</div></div>

  103.     

  104.       <div id="ansible.svg" class="imgbox"><img src="ansible.svg" class="bg-0" onclick="download('ansible.svg', this)"/><div class="label">ansible.svg</div></div>

  105.     

  106.       <div id="api_anomaly_finder.svg" class="imgbox"><img src="api_anomaly_finder.svg" class="bg-0" onclick="download('api_anomaly_finder.svg', this)"/><div class="label">api_anomaly_finder.svg</div></div>

  107.     

  108.       <div id="api_answer_search.svg" class="imgbox"><img src="api_answer_search.svg" class="bg-0" onclick="download('api_answer_search.svg', this)"/><div class="label">api_answer_search.svg</div></div>

  109.     

  110.       <div id="api_bing_autosuggest.svg" class="imgbox"><img src="api_bing_autosuggest.svg" class="bg-0" onclick="download('api_bing_autosuggest.svg', this)"/><div class="label">api_bing_autosuggest.svg</div></div>

  111.     

  112.       <div id="api_bing_custom_search.svg" class="imgbox"><img src="api_bing_custom_search.svg" class="bg-0" onclick="download('api_bing_custom_search.svg', this)"/><div class="label">api_bing_custom_search.svg</div></div>

  113.     

  114.       <div id="api_bing_entity_search.svg" class="imgbox"><img src="api_bing_entity_search.svg" class="bg-0" onclick="download('api_bing_entity_search.svg', this)"/><div class="label">api_bing_entity_search.svg</div></div>

  115.     

  116.       <div id="api_bing_image_search.svg" class="imgbox"><img src="api_bing_image_search.svg" class="bg-0" onclick="download('api_bing_image_search.svg', this)"/><div class="label">api_bing_image_search.svg</div></div>

  117.     

  118.       <div id="api_bing_news_search.svg" class="imgbox"><img src="api_bing_news_search.svg" class="bg-0" onclick="download('api_bing_news_search.svg', this)"/><div class="label">api_bing_news_search.svg</div></div>

  119.     

  120.       <div id="api_bing_speech.svg" class="imgbox"><img src="api_bing_speech.svg" class="bg-0" onclick="download('api_bing_speech.svg', this)"/><div class="label">api_bing_speech.svg</div></div>

  121.     

  122.       <div id="api_bing_spell_check.svg" class="imgbox"><img src="api_bing_spell_check.svg" class="bg-0" onclick="download('api_bing_spell_check.svg', this)"/><div class="label">api_bing_spell_check.svg</div></div>

  123.     

  124.       <div id="api_bing_video_search.svg" class="imgbox"><img src="api_bing_video_search.svg" class="bg-0" onclick="download('api_bing_video_search.svg', this)"/><div class="label">api_bing_video_search.svg</div></div>

  125.     

  126.       <div id="api_bing_visual_search.svg" class="imgbox"><img src="api_bing_visual_search.svg" class="bg-0" onclick="download('api_bing_visual_search.svg', this)"/><div class="label">api_bing_visual_search.svg</div></div>

  127.     

  128.       <div id="api_bing_web_search.svg" class="imgbox"><img src="api_bing_web_search.svg" class="bg-0" onclick="download('api_bing_web_search.svg', this)"/><div class="label">api_bing_web_search.svg</div></div>

  129.     

  130.       <div id="api_computer_vision.svg" class="imgbox"><img src="api_computer_vision.svg" class="bg-0" onclick="download('api_computer_vision.svg', this)"/><div class="label">api_computer_vision.svg</div></div>

  131.     

  132.       <div id="api_content_moderator.svg" class="imgbox"><img src="api_content_moderator.svg" class="bg-0" onclick="download('api_content_moderator.svg', this)"/><div class="label">api_content_moderator.svg</div></div>

  133.     

  134.       <div id="api_conversation_learner.svg" class="imgbox"><img src="api_conversation_learner.svg" class="bg-0" onclick="download('api_conversation_learner.svg', this)"/><div class="label">api_conversation_learner.svg</div></div>

  135.     

  136.       <div id="api_custom_decision_service.svg" class="imgbox"><img src="api_custom_decision_service.svg" class="bg-0" onclick="download('api_custom_decision_service.svg', this)"/><div class="label">api_custom_decision_service.svg</div></div>

  137.     

  138.       <div id="api_custom_speech.svg" class="imgbox"><img src="api_custom_speech.svg" class="bg-0" onclick="download('api_custom_speech.svg', this)"/><div class="label">api_custom_speech.svg</div></div>

  139.     

  140.       <div id="api_custom_vision.svg" class="imgbox"><img src="api_custom_vision.svg" class="bg-0" onclick="download('api_custom_vision.svg', this)"/><div class="label">api_custom_vision.svg</div></div>

  141.     

  142.       <div id="api_emotion.svg" class="imgbox"><img src="api_emotion.svg" class="bg-0" onclick="download('api_emotion.svg', this)"/><div class="label">api_emotion.svg</div></div>

  143.     

  144.       <div id="api_entity_linkingintelligence.svg" class="imgbox"><img src="api_entity_linkingintelligence.svg" class="bg-0" onclick="download('api_entity_linkingintelligence.svg', this)"/><div class="label">api_entity_linkingintelligence.svg</div></div>

  145.     

  146.       <div id="api_face.svg" class="imgbox"><img src="api_face.svg" class="bg-0" onclick="download('api_face.svg', this)"/><div class="label">api_face.svg</div></div>

  147.     

  148.       <div id="api_know_academic.svg" class="imgbox"><img src="api_know_academic.svg" class="bg-0" onclick="download('api_know_academic.svg', this)"/><div class="label">api_know_academic.svg</div></div>

  149.     

  150.       <div id="api_knowledgeexploration.svg" class="imgbox"><img src="api_knowledgeexploration.svg" class="bg-0" onclick="download('api_knowledgeexploration.svg', this)"/><div class="label">api_knowledgeexploration.svg</div></div>

  151.     

  152.       <div id="api_linguisticanalysis.svg" class="imgbox"><img src="api_linguisticanalysis.svg" class="bg-0" onclick="download('api_linguisticanalysis.svg', this)"/><div class="label">api_linguisticanalysis.svg</div></div>

  153.     

  154.       <div id="api_luis.svg" class="imgbox"><img src="api_luis.svg" class="bg-0" onclick="download('api_luis.svg', this)"/><div class="label">api_luis.svg</div></div>

  155.     

  156.       <div id="api_qnamaker.svg" class="imgbox"><img src="api_qnamaker.svg" class="bg-0" onclick="download('api_qnamaker.svg', this)"/><div class="label">api_qnamaker.svg</div></div>

  157.     

  158.       <div id="api_recommendations.svg" class="imgbox"><img src="api_recommendations.svg" class="bg-0" onclick="download('api_recommendations.svg', this)"/><div class="label">api_recommendations.svg</div></div>

  159.     

  160.       <div id="api_speaker_recognition.svg" class="imgbox"><img src="api_speaker_recognition.svg" class="bg-0" onclick="download('api_speaker_recognition.svg', this)"/><div class="label">api_speaker_recognition.svg</div></div>

  161.     

  162.       <div id="api_speech_service.svg" class="imgbox"><img src="api_speech_service.svg" class="bg-0" onclick="download('api_speech_service.svg', this)"/><div class="label">api_speech_service.svg</div></div>

  163.     

  164.       <div id="api_textanalytics.svg" class="imgbox"><img src="api_textanalytics.svg" class="bg-0" onclick="download('api_textanalytics.svg', this)"/><div class="label">api_textanalytics.svg</div></div>

  165.     

  166.       <div id="api_translatorspeech.svg" class="imgbox"><img src="api_translatorspeech.svg" class="bg-0" onclick="download('api_translatorspeech.svg', this)"/><div class="label">api_translatorspeech.svg</div></div>

  167.     

  168.       <div id="api_translatortext.svg" class="imgbox"><img src="api_translatortext.svg" class="bg-0" onclick="download('api_translatortext.svg', this)"/><div class="label">api_translatortext.svg</div></div>

  169.     

  170.       <div id="api_url_preview.svg" class="imgbox"><img src="api_url_preview.svg" class="bg-0" onclick="download('api_url_preview.svg', this)"/><div class="label">api_url_preview.svg</div></div>

  171.     

  172.       <div id="api_videoindexer.svg" class="imgbox"><img src="api_videoindexer.svg" class="bg-0" onclick="download('api_videoindexer.svg', this)"/><div class="label">api_videoindexer.svg</div></div>

  173.     

  174.       <div id="api_weblanguagemodel.svg" class="imgbox"><img src="api_weblanguagemodel.svg" class="bg-0" onclick="download('api_weblanguagemodel.svg', this)"/><div class="label">api_weblanguagemodel.svg</div></div>

  175.     

  176.       <div id="apimanagement.svg" class="imgbox"><img src="apimanagement.svg" class="bg-0" onclick="download('apimanagement.svg', this)"/><div class="label">apimanagement.svg</div></div>

  177.     

  178.       <div id="app-service-api.svg" class="imgbox"><img src="app-service-api.svg" class="bg-0" onclick="download('app-service-api.svg', this)"/><div class="label">app-service-api.svg</div></div>

  179.     

  180.       <div id="app-service-mobile.svg" class="imgbox"><img src="app-service-mobile.svg" class="bg-0" onclick="download('app-service-mobile.svg', this)"/><div class="label">app-service-mobile.svg</div></div>

  181.     

  182.       <div id="app-service-web.svg" class="imgbox"><img src="app-service-web.svg" class="bg-0" onclick="download('app-service-web.svg', this)"/><div class="label">app-service-web.svg</div></div>

  183.     

  184.       <div id="applicationgateway.svg" class="imgbox"><img src="applicationgateway.svg" class="bg-0" onclick="download('applicationgateway.svg', this)"/><div class="label">applicationgateway.svg</div></div>

  185.     

  186.       <div id="applicationinsights.svg" class="imgbox"><img src="applicationinsights.svg" class="bg-0" onclick="download('applicationinsights.svg', this)"/><div class="label">applicationinsights.svg</div></div>

  187.     

  188.       <div id="appservice.svg" class="imgbox"><img src="appservice.svg" class="bg-0" onclick="download('appservice.svg', this)"/><div class="label">appservice.svg</div></div>

  189.     

  190.       <div id="asc-for-iot.svg" class="imgbox"><img src="asc-for-iot.svg" class="bg-0" onclick="download('asc-for-iot.svg', this)"/><div class="label">asc-for-iot.svg</div></div>

  191.     

  192.       <div id="automate-azure-tasks-with-powershell.svg" class="imgbox"><img src="automate-azure-tasks-with-powershell.svg" class="bg-0" onclick="download('automate-azure-tasks-with-powershell.svg', this)"/><div class="label">automate-azure-tasks-with-powershell.svg</div></div>

  193.     

  194.       <div id="automation.svg" class="imgbox"><img src="automation.svg" class="bg-0" onclick="download('automation.svg', this)"/><div class="label">automation.svg</div></div>

  195.     

  196.       <div id="availabilitysetold.svg" class="imgbox"><img src="availabilitysetold.svg" class="bg-0" onclick="download('availabilitysetold.svg', this)"/><div class="label">availabilitysetold.svg</div></div>

  197.     

  198.       <div id="avere.svg" class="imgbox"><img src="avere.svg" class="bg-0" onclick="download('avere.svg', this)"/><div class="label">avere.svg</div></div>

  199.     

  200.       <div id="azure-appconf.svg" class="imgbox"><img src="azure-appconf.svg" class="bg-0" onclick="download('azure-appconf.svg', this)"/><div class="label">azure-appconf.svg</div></div>

  201.     

  202.       <div id="azure-data-lake-analytics-color.svg" class="imgbox"><img src="azure-data-lake-analytics-color.svg" class="bg-0" onclick="download('azure-data-lake-analytics-color.svg', this)"/><div class="label">azure-data-lake-analytics-color.svg</div></div>

  203.     

  204.       <div id="azure-data-lake-store-color.svg" class="imgbox"><img src="azure-data-lake-store-color.svg" class="bg-0" onclick="download('azure-data-lake-store-color.svg', this)"/><div class="label">azure-data-lake-store-color.svg</div></div>

  205.     

  206.       <div id="azure-devspacs.svg" class="imgbox"><img src="azure-devspacs.svg" class="bg-0" onclick="download('azure-devspacs.svg', this)"/><div class="label">azure-devspacs.svg</div></div>

  207.     

  208.       <div id="azure-germany.svg" class="imgbox"><img src="azure-germany.svg" class="bg-0" onclick="download('azure-germany.svg', this)"/><div class="label">azure-germany.svg</div></div>

  209.     

  210.       <div id="azure-government.svg" class="imgbox"><img src="azure-government.svg" class="bg-0" onclick="download('azure-government.svg', this)"/><div class="label">azure-government.svg</div></div>

  211.     

  212.       <div id="azure-maps-icon-portal.svg" class="imgbox"><img src="azure-maps-icon-portal.svg" class="bg-0" onclick="download('azure-maps-icon-portal.svg', this)"/><div class="label">azure-maps-icon-portal.svg</div></div>

  213.     

  214.       <div id="azure-migrate.svg" class="imgbox"><img src="azure-migrate.svg" class="bg-0" onclick="download('azure-migrate.svg', this)"/><div class="label">azure-migrate.svg</div></div>

  215.     

  216.       <div id="azure-resource-manager.svg" class="imgbox"><img src="azure-resource-manager.svg" class="bg-0" onclick="download('azure-resource-manager.svg', this)"/><div class="label">azure-resource-manager.svg</div></div>

  217.     

  218.       <div id="azure-signalr.svg" class="imgbox"><img src="azure-signalr.svg" class="bg-0" onclick="download('azure-signalr.svg', this)"/><div class="label">azure-signalr.svg</div></div>

  219.     

  220.       <div id="azure-stack.svg" class="imgbox"><img src="azure-stack.svg" class="bg-0" onclick="download('azure-stack.svg', this)"/><div class="label">azure-stack.svg</div></div>

  221.     

  222.       <div id="azure_best-practices.svg" class="imgbox"><img src="azure_best-practices.svg" class="bg-0" onclick="download('azure_best-practices.svg', this)"/><div class="label">azure_best-practices.svg</div></div>

  223.     

  224.       <div id="azure_data_explorer.svg" class="imgbox"><img src="azure_data_explorer.svg" class="bg-0" onclick="download('azure_data_explorer.svg', this)"/><div class="label">azure_data_explorer.svg</div></div>

  225.     

  226.       <div id="azure_dev-1.svg" class="imgbox"><img src="azure_dev-1.svg" class="bg-0" onclick="download('azure_dev-1.svg', this)"/><div class="label">azure_dev-1.svg</div></div>

  227.     

  228.       <div id="azure_dev-10.svg" class="imgbox"><img src="azure_dev-10.svg" class="bg-0" onclick="download('azure_dev-10.svg', this)"/><div class="label">azure_dev-10.svg</div></div>

  229.     

  230.       <div id="azure_dev-11.svg" class="imgbox"><img src="azure_dev-11.svg" class="bg-0" onclick="download('azure_dev-11.svg', this)"/><div class="label">azure_dev-11.svg</div></div>

  231.     

  232.       <div id="azure_dev-2.svg" class="imgbox"><img src="azure_dev-2.svg" class="bg-0" onclick="download('azure_dev-2.svg', this)"/><div class="label">azure_dev-2.svg</div></div>

  233.     

  234.       <div id="azure_dev-3.svg" class="imgbox"><img src="azure_dev-3.svg" class="bg-0" onclick="download('azure_dev-3.svg', this)"/><div class="label">azure_dev-3.svg</div></div>

  235.     

  236.       <div id="azure_dev-4.svg" class="imgbox"><img src="azure_dev-4.svg" class="bg-0" onclick="download('azure_dev-4.svg', this)"/><div class="label">azure_dev-4.svg</div></div>

  237.     

  238.       <div id="azure_dev-6.svg" class="imgbox"><img src="azure_dev-6.svg" class="bg-0" onclick="download('azure_dev-6.svg', this)"/><div class="label">azure_dev-6.svg</div></div>

  239.     

  240.       <div id="azure_dev-7.svg" class="imgbox"><img src="azure_dev-7.svg" class="bg-0" onclick="download('azure_dev-7.svg', this)"/><div class="label">azure_dev-7.svg</div></div>

  241.     

  242.       <div id="azure_dev-8.svg" class="imgbox"><img src="azure_dev-8.svg" class="bg-0" onclick="download('azure_dev-8.svg', this)"/><div class="label">azure_dev-8.svg</div></div>

  243.     

  244.       <div id="azure_event_grid.svg" class="imgbox"><img src="azure_event_grid.svg" class="bg-0" onclick="download('azure_event_grid.svg', this)"/><div class="label">azure_event_grid.svg</div></div>

  245.     

  246.       <div id="azure_firewall.svg" class="imgbox"><img src="azure_firewall.svg" class="bg-0" onclick="download('azure_firewall.svg', this)"/><div class="label">azure_firewall.svg</div></div>

  247.     

  248.       <div id="azure_fundamentals.svg" class="imgbox"><img src="azure_fundamentals.svg" class="bg-0" onclick="download('azure_fundamentals.svg', this)"/><div class="label">azure_fundamentals.svg</div></div>

  249.     

  250.       <div id="azure_patterns.svg" class="imgbox"><img src="azure_patterns.svg" class="bg-0" onclick="download('azure_patterns.svg', this)"/><div class="label">azure_patterns.svg</div></div>

  251.     

  252.       <div id="azure_reference-archictectures.svg" class="imgbox"><img src="azure_reference-archictectures.svg" class="bg-0" onclick="download('azure_reference-archictectures.svg', this)"/><div class="label">azure_reference-archictectures.svg</div></div>

  253.     

  254.       <div id="azure_sphere.svg" class="imgbox"><img src="azure_sphere.svg" class="bg-0" onclick="download('azure_sphere.svg', this)"/><div class="label">azure_sphere.svg</div></div>

  255.     

  256.       <div id="azurefunctions.svg" class="imgbox"><img src="azurefunctions.svg" class="bg-0" onclick="download('azurefunctions.svg', this)"/><div class="label">azurefunctions.svg</div></div>

  257.     

  258.       <div id="azuremonitoring.svg" class="imgbox"><img src="azuremonitoring.svg" class="bg-0" onclick="download('azuremonitoring.svg', this)"/><div class="label">azuremonitoring.svg</div></div>

  259.     

  260.       <div id="backup.svg" class="imgbox"><img src="backup.svg" class="bg-0" onclick="download('backup.svg', this)"/><div class="label">backup.svg</div></div>

  261.     

  262.       <div id="bastion.svg" class="imgbox"><img src="bastion.svg" class="bg-0" onclick="download('bastion.svg', this)"/><div class="label">bastion.svg</div></div>

  263.     

  264.       <div id="batch.svg" class="imgbox"><img src="batch.svg" class="bg-0" onclick="download('batch.svg', this)"/><div class="label">batch.svg</div></div>

  265.     

  266.       <div id="billing.svg" class="imgbox"><img src="billing.svg" class="bg-0" onclick="download('billing.svg', this)"/><div class="label">billing.svg</div></div>

  267.     

  268.       <div id="blockchain-service.svg" class="imgbox"><img src="blockchain-service.svg" class="bg-0" onclick="download('blockchain-service.svg', this)"/><div class="label">blockchain-service.svg</div></div>

  269.     

  270.       <div id="blockchain-workbench.svg" class="imgbox"><img src="blockchain-workbench.svg" class="bg-0" onclick="download('blockchain-workbench.svg', this)"/><div class="label">blockchain-workbench.svg</div></div>

  271.     

  272.       <div id="blueprints.svg" class="imgbox"><img src="blueprints.svg" class="bg-0" onclick="download('blueprints.svg', this)"/><div class="label">blueprints.svg</div></div>

  273.     

  274.       <div id="bot-service.svg" class="imgbox"><img src="bot-service.svg" class="bg-0" onclick="download('bot-service.svg', this)"/><div class="label">bot-service.svg</div></div>

  275.     

  276.       <div id="chef_regular.svg" class="imgbox"><img src="chef_regular.svg" class="bg-0" onclick="download('chef_regular.svg', this)"/><div class="label">chef_regular.svg</div></div>

  277.     

  278.       <div id="cloud-shell.svg" class="imgbox"><img src="cloud-shell.svg" class="bg-0" onclick="download('cloud-shell.svg', this)"/><div class="label">cloud-shell.svg</div></div>

  279.     

  280.       <div id="cloudservice.svg" class="imgbox"><img src="cloudservice.svg" class="bg-0" onclick="download('cloudservice.svg', this)"/><div class="label">cloudservice.svg</div></div>

  281.     

  282.       <div id="container-registry.svg" class="imgbox"><img src="container-registry.svg" class="bg-0" onclick="download('container-registry.svg', this)"/><div class="label">container-registry.svg</div></div>

  283.     

  284.       <div id="containerinstances.svg" class="imgbox"><img src="containerinstances.svg" class="bg-0" onclick="download('containerinstances.svg', this)"/><div class="label">containerinstances.svg</div></div>

  285.     

  286.       <div id="containerservice.svg" class="imgbox"><img src="containerservice.svg" class="bg-0" onclick="download('containerservice.svg', this)"/><div class="label">containerservice.svg</div></div>

  287.     

  288.       <div id="contentdeliverynetwork.svg" class="imgbox"><img src="contentdeliverynetwork.svg" class="bg-0" onclick="download('contentdeliverynetwork.svg', this)"/><div class="label">contentdeliverynetwork.svg</div></div>

  289.     

  290.       <div id="control-azure-services-with-cli.svg" class="imgbox"><img src="control-azure-services-with-cli.svg" class="bg-0" onclick="download('control-azure-services-with-cli.svg', this)"/><div class="label">control-azure-services-with-cli.svg</div></div>

  291.     

  292.       <div id="cosmosdb.svg" class="imgbox"><img src="cosmosdb.svg" class="bg-0" onclick="download('cosmosdb.svg', this)"/><div class="label">cosmosdb.svg</div></div>

  293.     

  294.       <div id="cosmosdb_rgb_ui_lighttheme.svg" class="imgbox"><img src="cosmosdb_rgb_ui_lighttheme.svg" class="bg-0" onclick="download('cosmosdb_rgb_ui_lighttheme.svg', this)"/><div class="label">cosmosdb_rgb_ui_lighttheme.svg</div></div>

  295.     

  296.       <div id="cost-management.svg" class="imgbox"><img src="cost-management.svg" class="bg-0" onclick="download('cost-management.svg', this)"/><div class="label">cost-management.svg</div></div>

  297.     

  298.       <div id="cs_dedicatedcloudnode.svg" class="imgbox"><img src="cs_dedicatedcloudnode.svg" class="bg-0" onclick="download('cs_dedicatedcloudnode.svg', this)"/><div class="label">cs_dedicatedcloudnode.svg</div></div>

  299.     

  300.       <div id="data-catalog.svg" class="imgbox"><img src="data-catalog.svg" class="bg-0" onclick="download('data-catalog.svg', this)"/><div class="label">data-catalog.svg</div></div>

  301.     

  302.       <div id="database-migration.svg" class="imgbox"><img src="database-migration.svg" class="bg-0" onclick="download('database-migration.svg', this)"/><div class="label">database-migration.svg</div></div>

  303.     

  304.       <div id="datafactory.svg" class="imgbox"><img src="datafactory.svg" class="bg-0" onclick="download('datafactory.svg', this)"/><div class="label">datafactory.svg</div></div>

  305.     

  306.       <div id="ddos-protection.svg" class="imgbox"><img src="ddos-protection.svg" class="bg-0" onclick="download('ddos-protection.svg', this)"/><div class="label">ddos-protection.svg</div></div>

  307.     

  308.       <div id="ddos.svg" class="imgbox"><img src="ddos.svg" class="bg-0" onclick="download('ddos.svg', this)"/><div class="label">ddos.svg</div></div>

  309.     

  310.       <div id="dedicated-hsm.svg" class="imgbox"><img src="dedicated-hsm.svg" class="bg-0" onclick="download('dedicated-hsm.svg', this)"/><div class="label">dedicated-hsm.svg</div></div>

  311.     

  312.       <div id="devtestlabs.svg" class="imgbox"><img src="devtestlabs.svg" class="bg-0" onclick="download('devtestlabs.svg', this)"/><div class="label">devtestlabs.svg</div></div>

  313.     

  314.       <div id="digital_twin.svg" class="imgbox"><img src="digital_twin.svg" class="bg-0" onclick="download('digital_twin.svg', this)"/><div class="label">digital_twin.svg</div></div>

  315.     

  316.       <div id="disks-color.svg" class="imgbox"><img src="disks-color.svg" class="bg-0" onclick="download('disks-color.svg', this)"/><div class="label">disks-color.svg</div></div>

  317.     

  318.       <div id="dns.svg" class="imgbox"><img src="dns.svg" class="bg-0" onclick="download('dns.svg', this)"/><div class="label">dns.svg</div></div>

  319.     

  320.       <div id="dps.svg" class="imgbox"><img src="dps.svg" class="bg-0" onclick="download('dps.svg', this)"/><div class="label">dps.svg</div></div>

  321.     

  322.       <div id="eventhubs.svg" class="imgbox"><img src="eventhubs.svg" class="bg-0" onclick="download('eventhubs.svg', this)"/><div class="label">eventhubs.svg</div></div>

  323.     

  324.       <div id="expressroute.svg" class="imgbox"><img src="expressroute.svg" class="bg-0" onclick="download('expressroute.svg', this)"/><div class="label">expressroute.svg</div></div>

  325.     

  326.       <div id="fabric.svg" class="imgbox"><img src="fabric.svg" class="bg-0" onclick="download('fabric.svg', this)"/><div class="label">fabric.svg</div></div>

  327.     

  328.       <div id="frontdoor.svg" class="imgbox"><img src="frontdoor.svg" class="bg-0" onclick="download('frontdoor.svg', this)"/><div class="label">frontdoor.svg</div></div>

  329.     

  330.       <div id="governance.svg" class="imgbox"><img src="governance.svg" class="bg-0" onclick="download('governance.svg', this)"/><div class="label">governance.svg</div></div>

  331.     

  332.       <div id="hdinsight.svg" class="imgbox"><img src="hdinsight.svg" class="bg-0" onclick="download('hdinsight.svg', this)"/><div class="label">hdinsight.svg</div></div>

  333.     

  334.       <div id="hockeyapp.svg" class="imgbox"><img src="hockeyapp.svg" class="bg-0" onclick="download('hockeyapp.svg', this)"/><div class="label">hockeyapp.svg</div></div>

  335.     

  336.       <div id="i_azure-cognitive-services-color.svg" class="imgbox"><img src="i_azure-cognitive-services-color.svg" class="bg-0" onclick="download('i_azure-cognitive-services-color.svg', this)"/><div class="label">i_azure-cognitive-services-color.svg</div></div>

  337.     

  338.       <div id="i_cligeneric.svg" class="imgbox"><img src="i_cligeneric.svg" class="bg-0" onclick="download('i_cligeneric.svg', this)"/><div class="label">i_cligeneric.svg</div></div>

  339.     

  340.       <div id="i_extensions.svg" class="imgbox"><img src="i_extensions.svg" class="bg-0" onclick="download('i_extensions.svg', this)"/><div class="label">i_extensions.svg</div></div>

  341.     

  342.       <div id="i_information-protection.svg" class="imgbox"><img src="i_information-protection.svg" class="bg-0" onclick="download('i_information-protection.svg', this)"/><div class="label">i_information-protection.svg</div></div>

  343.     

  344.       <div id="i_managed-application.svg" class="imgbox"><img src="i_managed-application.svg" class="bg-0" onclick="download('i_managed-application.svg', this)"/><div class="label">i_managed-application.svg</div></div>

  345.     

  346.       <div id="i_mobile-app-developement.svg" class="imgbox"><img src="i_mobile-app-developement.svg" class="bg-0" onclick="download('i_mobile-app-developement.svg', this)"/><div class="label">i_mobile-app-developement.svg</div></div>

  347.     

  348.       <div id="i_tools.svg" class="imgbox"><img src="i_tools.svg" class="bg-0" onclick="download('i_tools.svg', this)"/><div class="label">i_tools.svg</div></div>

  349.     

  350.       <div id="iot-central.svg" class="imgbox"><img src="iot-central.svg" class="bg-0" onclick="download('iot-central.svg', this)"/><div class="label">iot-central.svg</div></div>

  351.     

  352.       <div id="iot-edge-alt.svg" class="imgbox"><img src="iot-edge-alt.svg" class="bg-0" onclick="download('iot-edge-alt.svg', this)"/><div class="label">iot-edge-alt.svg</div></div>

  353.     

  354.       <div id="iot-solution-accelerators.svg" class="imgbox"><img src="iot-solution-accelerators.svg" class="bg-0" onclick="download('iot-solution-accelerators.svg', this)"/><div class="label">iot-solution-accelerators.svg</div></div>

  355.     

  356.       <div id="iothub.svg" class="imgbox"><img src="iothub.svg" class="bg-0" onclick="download('iothub.svg', this)"/><div class="label">iothub.svg</div></div>

  357.     

  358.       <div id="keyvault.svg" class="imgbox"><img src="keyvault.svg" class="bg-0" onclick="download('keyvault.svg', this)"/><div class="label">keyvault.svg</div></div>

  359.     

  360.       <div id="kinect-viewer.svg" class="imgbox"><img src="kinect-viewer.svg" class="bg-0" onclick="download('kinect-viewer.svg', this)"/><div class="label">kinect-viewer.svg</div></div>

  361.     

  362.       <div id="loadbalancer.svg" class="imgbox"><img src="loadbalancer.svg" class="bg-0" onclick="download('loadbalancer.svg', this)"/><div class="label">loadbalancer.svg</div></div>

  363.     

  364.       <div id="logicapp.svg" class="imgbox"><img src="logicapp.svg" class="bg-0" onclick="download('logicapp.svg', this)"/><div class="label">logicapp.svg</div></div>

  365.     

  366.       <div id="logo_go-lightblue.svg" class="imgbox"><img src="logo_Go-lightblue.svg" class="bg-0" onclick="download('logo_Go-lightblue.svg', this)"/><div class="label">logo_Go-lightblue.svg</div></div>

  367.     

  368.       <div id="logo_azure-blob-storage.svg" class="imgbox"><img src="logo_azure-blob-storage.svg" class="bg-0" onclick="download('logo_azure-blob-storage.svg', this)"/><div class="label">logo_azure-blob-storage.svg</div></div>

  369.     

  370.       <div id="logo_azure-storage-file.svg" class="imgbox"><img src="logo_azure-storage-file.svg" class="bg-0" onclick="download('logo_azure-storage-file.svg', this)"/><div class="label">logo_azure-storage-file.svg</div></div>

  371.     

  372.       <div id="logo_azure-storage-q.svg" class="imgbox"><img src="logo_azure-storage-q.svg" class="bg-0" onclick="download('logo_azure-storage-q.svg', this)"/><div class="label">logo_azure-storage-q.svg</div></div>

  373.     

  374.       <div id="logo_azure.svg" class="imgbox"><img src="logo_azure.svg" class="bg-0" onclick="download('logo_azure.svg', this)"/><div class="label">logo_azure.svg</div></div>

  375.     

  376.       <div id="logo_cyclecloud.svg" class="imgbox"><img src="logo_cyclecloud.svg" class="bg-0" onclick="download('logo_cyclecloud.svg', this)"/><div class="label">logo_cyclecloud.svg</div></div>

  377.     

  378.       <div id="logo_databricks.svg" class="imgbox"><img src="logo_databricks.svg" class="bg-0" onclick="download('logo_databricks.svg', this)"/><div class="label">logo_databricks.svg</div></div>

  379.     

  380.       <div id="logo_java.svg" class="imgbox"><img src="logo_java.svg" class="bg-0" onclick="download('logo_java.svg', this)"/><div class="label">logo_java.svg</div></div>

  381.     

  382.       <div id="logo_jenkins.svg" class="imgbox"><img src="logo_jenkins.svg" class="bg-0" onclick="download('logo_jenkins.svg', this)"/><div class="label">logo_jenkins.svg</div></div>

  383.     

  384.       <div id="logo_net.svg" class="imgbox"><img src="logo_net.svg" class="bg-0" onclick="download('logo_net.svg', this)"/><div class="label">logo_net.svg</div></div>

  385.     

  386.       <div id="logo_nodejs.svg" class="imgbox"><img src="logo_nodejs.svg" class="bg-0" onclick="download('logo_nodejs.svg', this)"/><div class="label">logo_nodejs.svg</div></div>

  387.     

  388.       <div id="logo_php.svg" class="imgbox"><img src="logo_php.svg" class="bg-0" onclick="download('logo_php.svg', this)"/><div class="label">logo_php.svg</div></div>

  389.     

  390.       <div id="logo_python.svg" class="imgbox"><img src="logo_python.svg" class="bg-0" onclick="download('logo_python.svg', this)"/><div class="label">logo_python.svg</div></div>

  391.     

  392.       <div id="logo_terraform.svg" class="imgbox"><img src="logo_terraform.svg" class="bg-0" onclick="download('logo_terraform.svg', this)"/><div class="label">logo_terraform.svg</div></div>

  393.     

  394.       <div id="logo_visual-studio.svg" class="imgbox"><img src="logo_visual-studio.svg" class="bg-0" onclick="download('logo_visual-studio.svg', this)"/><div class="label">logo_visual-studio.svg</div></div>

  395.     

  396.       <div id="logo_vs-code.svg" class="imgbox"><img src="logo_vs-code.svg" class="bg-0" onclick="download('logo_vs-code.svg', this)"/><div class="label">logo_vs-code.svg</div></div>

  397.     

  398.       <div id="logo_vs-mobile-center.svg" class="imgbox"><img src="logo_vs-mobile-center.svg" class="bg-0" onclick="download('logo_vs-mobile-center.svg', this)"/><div class="label">logo_vs-mobile-center.svg</div></div>

  399.     

  400.       <div id="logo_vs-team-services.svg" class="imgbox"><img src="logo_vs-team-services.svg" class="bg-0" onclick="download('logo_vs-team-services.svg', this)"/><div class="label">logo_vs-team-services.svg</div></div>

  401.     

  402.       <div id="logo_xamarin.svg" class="imgbox"><img src="logo_xamarin.svg" class="bg-0" onclick="download('logo_xamarin.svg', this)"/><div class="label">logo_xamarin.svg</div></div>

  403.     

  404.       <div id="machinelearning.svg" class="imgbox"><img src="machinelearning.svg" class="bg-0" onclick="download('machinelearning.svg', this)"/><div class="label">machinelearning.svg</div></div>

  405.     

  406.       <div id="managed-disks.svg" class="imgbox"><img src="managed-disks.svg" class="bg-0" onclick="download('managed-disks.svg', this)"/><div class="label">managed-disks.svg</div></div>

  407.     

  408.       <div id="mariadb.svg" class="imgbox"><img src="mariadb.svg" class="bg-0" onclick="download('mariadb.svg', this)"/><div class="label">mariadb.svg</div></div>

  409.     

  410.       <div id="media-encoding.svg" class="imgbox"><img src="media-encoding.svg" class="bg-0" onclick="download('media-encoding.svg', this)"/><div class="label">media-encoding.svg</div></div>

  411.     

  412.       <div id="media-indexer.svg" class="imgbox"><img src="media-indexer.svg" class="bg-0" onclick="download('media-indexer.svg', this)"/><div class="label">media-indexer.svg</div></div>

  413.     

  414.       <div id="media-ondemand.svg" class="imgbox"><img src="media-ondemand.svg" class="bg-0" onclick="download('media-ondemand.svg', this)"/><div class="label">media-ondemand.svg</div></div>

  415.     

  416.       <div id="media-player.svg" class="imgbox"><img src="media-player.svg" class="bg-0" onclick="download('media-player.svg', this)"/><div class="label">media-player.svg</div></div>

  417.     

  418.       <div id="media-protection.svg" class="imgbox"><img src="media-protection.svg" class="bg-0" onclick="download('media-protection.svg', this)"/><div class="label">media-protection.svg</div></div>

  419.     

  420.       <div id="media-services.svg" class="imgbox"><img src="media-services.svg" class="bg-0" onclick="download('media-services.svg', this)"/><div class="label">media-services.svg</div></div>

  421.     

  422.       <div id="mediaservices.svg" class="imgbox"><img src="mediaservices.svg" class="bg-0" onclick="download('mediaservices.svg', this)"/><div class="label">mediaservices.svg</div></div>

  423.     

  424.       <div id="multifactorauthentication.svg" class="imgbox"><img src="multifactorauthentication.svg" class="bg-0" onclick="download('multifactorauthentication.svg', this)"/><div class="label">multifactorauthentication.svg</div></div>

  425.     

  426.       <div id="mysql.svg" class="imgbox"><img src="mysql.svg" class="bg-0" onclick="download('mysql.svg', this)"/><div class="label">mysql.svg</div></div>

  427.     

  428.       <div id="netappstorage.svg" class="imgbox"><img src="netappstorage.svg" class="bg-0" onclick="download('netappstorage.svg', this)"/><div class="label">netappstorage.svg</div></div>

  429.     

  430.       <div id="network-watcher.svg" class="imgbox"><img src="network-watcher.svg" class="bg-0" onclick="download('network-watcher.svg', this)"/><div class="label">network-watcher.svg</div></div>

  431.     

  432.       <div id="networking-overview.svg" class="imgbox"><img src="networking-overview.svg" class="bg-0" onclick="download('networking-overview.svg', this)"/><div class="label">networking-overview.svg</div></div>

  433.     

  434.       <div id="notificationhubs.svg" class="imgbox"><img src="notificationhubs.svg" class="bg-0" onclick="download('notificationhubs.svg', this)"/><div class="label">notificationhubs.svg</div></div>

  435.     

  436.       <div id="open-data.svg" class="imgbox"><img src="open-data.svg" class="bg-0" onclick="download('open-data.svg', this)"/><div class="label">open-data.svg</div></div>

  437.     

  438.       <div id="openshift.svg" class="imgbox"><img src="openshift.svg" class="bg-0" onclick="download('openshift.svg', this)"/><div class="label">openshift.svg</div></div>

  439.     

  440.       <div id="operationsmanagementsuite.svg" class="imgbox"><img src="operationsmanagementsuite.svg" class="bg-0" onclick="download('operationsmanagementsuite.svg', this)"/><div class="label">operationsmanagementsuite.svg</div></div>

  441.     

  442.       <div id="personwithfriend.svg" class="imgbox"><img src="personwithfriend.svg" class="bg-0" onclick="download('personwithfriend.svg', this)"/><div class="label">personwithfriend.svg</div></div>

  443.     

  444.       <div id="pipelines.svg" class="imgbox"><img src="pipelines.svg" class="bg-0" onclick="download('pipelines.svg', this)"/><div class="label">pipelines.svg</div></div>

  445.     

  446.       <div id="postgresql.svg" class="imgbox"><img src="postgresql.svg" class="bg-0" onclick="download('postgresql.svg', this)"/><div class="label">postgresql.svg</div></div>

  447.     

  448.       <div id="powerbiembedded.svg" class="imgbox"><img src="powerbiembedded.svg" class="bg-0" onclick="download('powerbiembedded.svg', this)"/><div class="label">powerbiembedded.svg</div></div>

  449.     

  450.       <div id="principles-cloud-computing.svg" class="imgbox"><img src="principles-cloud-computing.svg" class="bg-0" onclick="download('principles-cloud-computing.svg', this)"/><div class="label">principles-cloud-computing.svg</div></div>

  451.     

  452.       <div id="rediscache.svg" class="imgbox"><img src="rediscache.svg" class="bg-0" onclick="download('rediscache.svg', this)"/><div class="label">rediscache.svg</div></div>

  453.     

  454.       <div id="resource-graph.svg" class="imgbox"><img src="resource-graph.svg" class="bg-0" onclick="download('resource-graph.svg', this)"/><div class="label">resource-graph.svg</div></div>

  455.     

  456.       <div id="resource-health.svg" class="imgbox"><img src="resource-health.svg" class="bg-0" onclick="download('resource-health.svg', this)"/><div class="label">resource-health.svg</div></div>

  457.     

  458.       <div id="scheduler.svg" class="imgbox"><img src="scheduler.svg" class="bg-0" onclick="download('scheduler.svg', this)"/><div class="label">scheduler.svg</div></div>

  459.     

  460.       <div id="search.svg" class="imgbox"><img src="search.svg" class="bg-0" onclick="download('search.svg', this)"/><div class="label">search.svg</div></div>

  461.     

  462.       <div id="securitycenter.svg" class="imgbox"><img src="securitycenter.svg" class="bg-0" onclick="download('securitycenter.svg', this)"/><div class="label">securitycenter.svg</div></div>

  463.     

  464.       <div id="servicebus.svg" class="imgbox"><img src="servicebus.svg" class="bg-0" onclick="download('servicebus.svg', this)"/><div class="label">servicebus.svg</div></div>

  465.     

  466.       <div id="siterecovery.svg" class="imgbox"><img src="siterecovery.svg" class="bg-0" onclick="download('siterecovery.svg', this)"/><div class="label">siterecovery.svg</div></div>

  467.     

  468.       <div id="sqldatabase.svg" class="imgbox"><img src="sqldatabase.svg" class="bg-0" onclick="download('sqldatabase.svg', this)"/><div class="label">sqldatabase.svg</div></div>

  469.     

  470.       <div id="sqldatawarehouse.svg" class="imgbox"><img src="sqldatawarehouse.svg" class="bg-0" onclick="download('sqldatawarehouse.svg', this)"/><div class="label">sqldatawarehouse.svg</div></div>

  471.     

  472.       <div id="storage.svg" class="imgbox"><img src="storage.svg" class="bg-0" onclick="download('storage.svg', this)"/><div class="label">storage.svg</div></div>

  473.     

  474.       <div id="storsimple.svg" class="imgbox"><img src="storsimple.svg" class="bg-0" onclick="download('storsimple.svg', this)"/><div class="label">storsimple.svg</div></div>

  475.     

  476.       <div id="streamanalytics.svg" class="imgbox"><img src="streamanalytics.svg" class="bg-0" onclick="download('streamanalytics.svg', this)"/><div class="label">streamanalytics.svg</div></div>

  477.     

  478.       <div id="time-series-insights.svg" class="imgbox"><img src="time-series-insights.svg" class="bg-0" onclick="download('time-series-insights.svg', this)"/><div class="label">time-series-insights.svg</div></div>

  479.     

  480.       <div id="tour-azure-services-and-features.svg" class="imgbox"><img src="tour-azure-services-and-features.svg" class="bg-0" onclick="download('tour-azure-services-and-features.svg', this)"/><div class="label">tour-azure-services-and-features.svg</div></div>

  481.     

  482.       <div id="trafficmanager.svg" class="imgbox"><img src="trafficmanager.svg" class="bg-0" onclick="download('trafficmanager.svg', this)"/><div class="label">trafficmanager.svg</div></div>

  483.     

  484.       <div id="virtualmachine.svg" class="imgbox"><img src="virtualmachine.svg" class="bg-0" onclick="download('virtualmachine.svg', this)"/><div class="label">virtualmachine.svg</div></div>

  485.     

  486.       <div id="virtualnetwork.svg" class="imgbox"><img src="virtualnetwork.svg" class="bg-0" onclick="download('virtualnetwork.svg', this)"/><div class="label">virtualnetwork.svg</div></div>

  487.     

  488.       <div id="vpngateway.svg" class="imgbox"><img src="vpngateway.svg" class="bg-0" onclick="download('vpngateway.svg', this)"/><div class="label">vpngateway.svg</div></div>

  489.     

  490.       <div id="wan.svg" class="imgbox"><img src="wan.svg" class="bg-0" onclick="download('wan.svg', this)"/><div class="label">wan.svg</div></div>

  491.     

  492.   </div>

  493. 

  494.   <script>

  495.     var bgSetting = 0;

  496. 

  497.     function toggleBg() {

  498.       bgSetting++

  499.       if(bgSetting > 2) bgSetting = 0;

  500.       for(let img of document.getElementsByTagName("img")) {

  501.         img.className = `bg-${bgSetting}`;

  502.       }

  503.     }

  504.     

  505.     function search() {

  506.       let query = document.getElementById('finder').value.trim().toLowerCase()

  507.       if(query.length <= 0) {

  508.         for(let imgbox of document.getElementsByClassName("imgbox")) {

  509.           imgbox.style.display = "inline-block"

  510.         }

  511.       }

  512.       for(let imgbox of document.getElementsByClassName("imgbox")) {

  513.         imgbox.style.display = "inline-block"

  514.         if(!imgbox.id.includes(query)) {

  515.           imgbox.style.display = "none"

  516.         }

  517.       }

  518.     }

  519.     

  520.     function download(f, e) {

  521.       if(document.getElementById("pngcheck").checked) {

  522.         var data = getBase64Image(e);

  523.         let a = document.createElement('a')

  524.         a.href = "data:application/octet-stream;base64," + data

  525.         a.download = f.replace('.svg', '.png')

  526.         a.click()

  527.       } else {

  528.         let a = document.createElement('a')

  529.         a.href = f

  530.         a.download = f

  531.         a.click()

  532.       }

  533.     }

  534.     

  535.     // Actual magic

  536.     function getBase64Image(img) {

  537.       var canvas = document.createElement("canvas");

  538.       canvas.width = img.naturalWidth;

  539.       canvas.height = img.naturalHeight;

  540.       console.log(canvas.width , canvas.height)

  541.       var ctx = canvas.getContext("2d");

  542.       ctx.drawImage(img, 0, 0);

  543.       var dataURL = canvas.toDataURL("image/png");

  544.       return dataURL.replace(/^data:image\/(png|jpg);base64,/, "");

  545.     }

  546.   </script>

  547. </body>

  548. </html>