Files
m5-docs/docs/index_source.html
T
2021-01-13 11:45:27 +08:00

318 lines
24 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, shrink-to-fit=no">
<meta name="description" content="The reference docs for M5Stack products. Quick start, get the detailed information or instructions such as IDE,UIFLOW,Arduino. The tutorials for M5Burner, Firmware, Burning, programming. ESP32,M5StickC,StickV, StickT,M5ATOM.">
<meta name="google-site-verification" content="sYDlVf68aDW21U32H46j1P4YDSimljEGHBEMi4JRxQ8" />
<title>M5Stack Docs - The reference docs for M5Stack products.</title>
<base target="_blank">
<link rel="icon" href="./assets/img/favicon.ico">
<!-- Stylesheets -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsify-themeable@0.7.2/dist/css/theme-simple.css" title="Simple">
<!-- <link rel="stylesheet" href="./assets/css/main.css"> -->
<link rel="stylesheet" href="https://static-cdn.m5stack.com/resource/docs/assets/main-min.css">
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/element-ui@2.13.2/lib/theme-chalk/index.css">
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.11"></script>
<script src="https://cdn.jsdelivr.net/npm/element-ui@2.13.2/lib/index.js"></script>
</head>
<body id="body">
<div class="search">
<form action="" method="get" accept-charset="utf-8">
<input type="text" placeholder="Search" oninput="onEnter(event)">
<a id="search_button" class="search-btn" style="width: 20px;height: 20px;color: #007bff" onclick="mode_search()"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" role="img" viewBox="0 0 24 24" focusable="false"><title>Search</title><circle cx="10.5" cy="10.5" r="7.5"></circle><path d="M21 21l-5.2-5.2"></path></svg></a>
</form>
<div class="search_point"></div>
</div>
<div id="search_cover" style="display: none;" @click="close_search">
<div id="search_contant_box" @click.stop="">
<div id="close_search" @click="close_search">
<i class="el-icon-circle-close" style="color: rgb(15 16 16 / 78%);border-radius: 50%;"></i>
</div>
<el-tabs v-model="activeName">
<el-tab-pane :label="current_page_title" name="first">
<div id="product_result"></div>
</el-tab-pane>
<el-tab-pane :label="related_page_title" name="second">
<div :key='index' v-for='(key,index) in contant_result'>
<a style="color: black;" :href='key.url'><span v-html='key.name'></span><span v-html='key.contant' style="color: #47a1fe;"></span></a>
<el-divider></el-divider>
</div>
</el-tab-pane>
</el-tabs>
</div>
</div>
<transition id="zoom_image" name="el-zoom-in-bottom">
<div v-show="show" v-cloak class="demo-image__preview" style="position: fixed;z-index: 9999;top: 50%;left: 50%;transform: translate(-50%, -50%); width: 100%;height: 100%;">
<transition name="el-zoom-in-bottom">
<div tabindex="-1" v-show="show" class="el-image-viewer__wrapper transition-box" style="z-index: 2000;">
<div class="el-image-viewer__mask" @click="close()"></div>
<span class="el-image-viewer__btn el-image-viewer__close" @click="close()" style="z-index: 2000;">
<i class="el-icon-circle-close" style="color: #00ff5ac7;box-shadow: 0 0 10px #00ff5ac7; border-radius: 50%;"></i>
</span>
<span class="el-image-viewer__btn el-image-viewer__prev" @click="prev" style="z-index: 2000;">
<i class="el-icon-arrow-left"></i>
</span>
<span class="el-image-viewer__btn el-image-viewer__next" @click="next()" style="z-index: 2000;">
<i class="el-icon-arrow-right"></i>
</span>
<div class="el-image-viewer__btn el-image-viewer__actions" style="z-index: 2000;">
<div class="el-image-viewer__actions__inner">
<i @click="zoom_out" class="el-icon-zoom-out"></i>
<i @click="zoom_in" class="el-icon-zoom-in"></i>
<i class="el-image-viewer__actions__divider"></i>
<i @click="full" class="el-icon-full-screen"></i>
<i class="el-image-viewer__actions__divider"></i>
<i @click="left" class="el-icon-refresh-left"></i>
<i @click="right" class="el-icon-refresh-right"></i>
</div>
</div>
<div class="el-image-viewer__canvas" @mousewheel="rollImg(this)">
<img :src="url" class="el-image-viewer__img" :style="img_style">
</div>
</div>
</transition>
</div>
</transition>
<div id='header'>
<div id="pc_header">
<a href="https://m5stack.com/">
<h1 style="display: inline-block;">
<img src="//cdn.shopify.com/s/files/1/0056/7689/2250/files/LOGO_70x.jpg?v=1563273356" style="margin-right:30px;" width="52">
<span v-cloak style="position: relative;font-size: 20px;color: #616161;vertical-align: text-bottom;">M5Stack Docs</span>
</h1>
</a>
<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal">
<el-menu-item index="1"><a v-cloak :href="homepage" style="padding: 0px 10px;"><i class="el-icon-s-home"></i>{{homepage_title}}</a></el-menu-item>
<el-submenu index="2">
<template slot="title" v-cloak><i class="el-icon-menu"></i>{{platform_list_title}}</template>
<a v-cloak :href='href' :key='index' v-for='(href,key,index) in platform'><el-menu-item index="2-index">{{key}}</el-menu-item></a>
</el-submenu>
<el-menu-item index=3"><a v-cloak :href="case_link" style="padding: 0px 6px;"><i class="el-icon-share"></i>{{case_title}}</a></el-menu-item>
<el-submenu index="4">
<template slot="title" v-cloak><i class="el-icon-document"></i>{{faq_title}}</template>
<a v-cloak :href="faq_link"><el-menu-item>{{faq_title}}</el-menu-item></a>
<a v-cloak href='https://static-cdn.m5stack.com/image/m5-docs_table/I2C_Address.pdf'><el-menu-item>{{i2c_table}}</el-menu-item></a>
<a v-cloak href='https://static-cdn.m5stack.com/image/m5-docs_table/Product_compared.pdf'><el-menu-item>{{comparison_table}}</el-menu-item></a>
</el-submenu>
<el-submenu index="5">
<template slot="title" v-cloak>
<i>
<svg t="1593669698316" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4443" width="26" height="18"><path d="M446.864 616q-0.576 1.728-7.136-0.288t-18.016-6.56l-11.424-5.152q-25.152-11.424-49.728-28-4-2.848-23.424-18.016t-21.728-16.288q-38.272 58.848-76.576 103.424-46.272 54.272-60 62.848-2.272 1.152-11.136 2.272t-10.56 0q3.424-2.272 46.848-52.576 12-13.728 48.864-65.728t44.864-67.424q9.728-17.152 29.152-56.288t20.576-44.288q-4.576-0.576-62.848 18.848-4.576 1.152-15.712 4.288t-19.712 5.44-9.728 2.848q-1.152 1.152-1.152 6.016t-0.576 5.44q-2.848 5.728-17.728 8.576-13.152 4-26.848 0-10.272-2.272-16-12-2.272-3.424-2.848-13.152 3.424-1.152 14.016-2.848t16.864-3.424q33.152-9.152 60-18.272 57.152-20 58.272-20 5.728-1.152 24.576-11.136t25.152-12.288q5.152-1.728 12.288-4.576t8.288-3.136 3.424 0.288q1.152 6.848-0.576 18.848 0 1.152-7.136 15.424t-15.136 30.56-9.728 19.136q-14.272 28.576-44 74.848l36.576 16q6.848 3.424 42.56 18.272t38.56 16q2.272 0.576 6.016 14.56t2.56 17.44zM329.712 338.272q1.728 8.576-2.272 16-6.848 13.152-28.576 21.728-17.152 6.848-34.272 6.848-14.848-1.728-28-14.848-8-8.576-10.272-23.424l0.576-1.728q1.728 1.728 11.136 2.848t15.136 0 33.152-9.152q20.576-6.848 31.424-8 9.728 0 12 9.728zM728.56 412l36 129.728-79.424-24zM95.408 869.152l396.576-132.576 0-589.728-396.576 133.152 0 589.152zM804.56 688l58.272 17.728-103.424-375.424-57.152-17.728-123.424 306.272 58.272 17.728 25.728-62.848 120.576 37.152zM517.136 138.272l327.424 105.152 0-217.152zM694.864 894.272l90.272 7.424-30.848 91.424-22.848-37.728q-74.272 47.424-157.728 61.728-33.152 6.848-52 6.848l-48 0q-45.152 0-114.016-22.272t-104.864-48.576q-4.576-4-4.576-9.152 0-4.576 2.848-7.712t7.424-3.136q2.272 0 10.272 4.288t17.44 9.44 11.712 6.272q41.728 21.152 91.136 35.136t90.016 14.016q54.272 0 95.424-8.288t89.728-28.864q8.576-4 17.44-8.864t19.424-10.848 16.288-9.44zM950.864 277.728l0 616.576-442.272-140.576q-8 3.424-214.272 72.864t-210.272 69.44q-7.424 0-10.272-7.424 0-0.576-0.576-1.728l0-616q1.728-5.152 2.272-5.728 2.848-3.424 11.424-6.272 60.576-20 85.152-28.576l0-219.424 318.848 113.152q1.152 0 91.712-31.424t180.576-62.016 92.288-30.56q11.424 0 11.424 12l0 238.848z" p-id="4444" fill="#909399"></path></svg>
</i>{{language_list_title}}
</template>
<a class="dropdown-item" onclick="language('en')" v-cloak><el-menu-item index="2-1">English</el-menu-item></a>
<a class="dropdown-item" onclick="language('zh_CN')" v-cloak><el-menu-item index="2-2">中文</el-menu-item></a>
</el-submenu>
</el-menu>
</div>
<div id="pc_anchor">
<el-col :span="12" v-cloak>
<el-menu
class="el-menu-vertical-demo"
@open="handleOpen"
@close="handleClose"
unique-opened = "true"
style="min-height:auto">
<el-submenu v-if="anchors.expand.length > 0" :index="index" :key='index' v-for='(anchors, index) in anchorList'>
<template slot="title">
<div @click='page_move(anchors.name.toLowerCase())'>
<!-- <img v-if="anchors.icon" :src="anchors.icon">
<i v-else class="el-icon-location"></i> -->
<span :title="anchors.name.toUpperCase()">{{anchors.name.toUpperCase()}}</span>
</div>
</template>
<el-menu-item-group>
<template slot="title">{{related_products}}</template>
<el-menu-item :index="index" v-for='(anchor, index) in anchors.expand' @click='page_move(anchor.name.toLowerCase())' style="text-align: left; padding-left: 40px !important;;">
<!-- <img v-if="anchor.icon" :src="anchor.icon">
<i v-else class="el-icon-location"></i> -->
<span :title="anchor.name.toUpperCase()">{{anchor.name.toUpperCase()}}</span>
</el-menu-item>
</el-menu-item-group>
</el-submenu>
<template v-else>
<a v-if="anchors.link != undefined" :href="anchors.link" style="color:#303133;">
<el-menu-item :index="index" :key='index' style="text-align: left;padding-left: 20px !important;">
<img else v-if="anchors.icon.indexOf('http') != -1" :src="anchors.icon">
<i v-else-if="anchors.icon.indexOf('el-icon') != -1" :class="anchors.icon"></i>
<i v-else class="el-icon-location"></i>
<span :title="anchors.name.toUpperCase()">{{anchors.name.toUpperCase()}}</span>
</el-menu-item>
</a>
<template v-else>
<el-menu-item :index="index" :key='index' @click='page_move(anchors.name.toLowerCase())' style="text-align: left;padding-left: 20px !important;">
<img else v-if="anchors.icon.indexOf('http') != -1" :src="anchors.icon">
<i v-else-if="anchors.icon.indexOf('el-icon') != -1" :class="anchors.icon"></i>
<i v-else class="el-icon-location"></i>
<span :title="anchors.name.toUpperCase()">{{anchors.name.toUpperCase()}}</span>
</el-menu-item>
</template>
</template>
</el-menu>
</el-col>
</div>
<div class="related_links">
<a href="https://twitter.com/M5Stack" target="view_window"><img src="https://static-cdn.m5stack.com/image/twitter.webp"></a>
<a href="https://www.facebook.com/M5Stack" target="view_window"><img src="https://static-cdn.m5stack.com/image/facebook.webp"></a>
<a href="https://www.youtube.com/m5stack" target="view_window"><img src="https://static-cdn.m5stack.com/image/youtube.webp"></a>
<a href="https://github.com/m5stack" target="view_window"><img src="https://static-cdn.m5stack.com/image/github.webp"></a>
<a onclick="creat_pdf()" style="background-color: #0062cc;"><svg t="1583466910393" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2343" width="50" height="50"><path d="M410.2 430.6h-4.8v91.6h4.8c24 0 41-11 41-46.4s-17-45.2-41-45.2zM282.6 430.4H268v43h15.6c17.4 0 25.8-8.2 25.8-22.8 0-15-9.6-20.2-26.8-20.2z" fill="#ffffff" p-id="2344"></path><path d="M791.94 155.36H332.48c-42.23 0-76.54 34.31-76.54 76.54v76.55h-51.03c-28.16 0-51.04 22.87-51.04 51.03v261.37c0 28.15 22.88 51.02 51.04 51.02h51.03v121.54c0 42.24 34.32 76.55 76.54 76.55h459.46c42.23 0 76.54-34.32 76.54-76.54V231.9c0.1-42.24-34.31-76.54-76.54-76.54zM268 501.6V551h-35.8V402.2h52.2c32.8 0 59.8 11.6 59.8 48.4 0 35.4-27.4 51-58.8 51H268z m549.45 291.9c-0.02 14.09-11.43 25.5-25.52 25.51H332.48c-14.09-0.01-25.5-11.43-25.51-25.51V671.96h306.21c28.15 0 51.03-22.88 51.03-51.03v-6.03h76.69c14.09-0.01 25.51-11.43 25.52-25.52-0.02-14.09-11.43-25.5-25.52-25.51h-76.69v-51.03h76.69c14.09-0.01 25.51-11.43 25.52-25.52-0.01-14.09-11.43-25.5-25.52-25.52h-76.69v-51.03h76.69c14.09-0.01 25.51-11.43 25.52-25.51-0.01-14.09-11.43-25.51-25.52-25.52h-76.69c0-28.16-22.89-51.03-51.03-51.03H306.97v-76.54c0.01-14.09 11.43-25.5 25.51-25.52h459.46c14.08 0.01 25.5 11.43 25.51 25.52V793.5zM369.6 551V402.2h42.8c45.4 0 75.4 21.8 75.4 73.6s-30 75.2-73.4 75.2h-44.8zM602 464.4v29.8h-50.8V551h-35.8V402.2h95v29.6h-59.2v32.6H602z" fill="#ffffff" p-id="2345"></path></svg></a>
<div target="view_window" onclick="(function(){$('html, body').animate({scrollTop: 0}, 500);})()"><img src="https://static-cdn.m5stack.com/image/to-top.webp"></div>
</div>
<div id="mb_header">
<el-menu style="width: 46px;" default-active="1-4-1" class="el-menu-vertical-demo" :collapse="isCollapse">
<el-submenu index="1">
<template slot="title">
<i class="el-icon-location"></i>
<span v-cloak slot="title">Product</span>
</template>
<el-menu-item-group>
<span v-cloak slot="title">anchor</span>
<a :key='index' v-for='(anchors, index) in anchorList' @click='page_move(anchors.name.toLowerCase())'>
<el-menu-item v-if='anchors.expand.length == 0' v-cloak>{{anchors.name.toUpperCase()}}</el-menu-item>
<el-submenu v-else v-cloak :index='anchors.name.toUpperCase()'>
<span slot="title">{{anchors.name.toUpperCase()}}</span>
<el-menu-item :index='index' v-for='(anchor, index) in anchors.expand' @click='page_move(anchor.name.toLowerCase())'>{{anchor.name}}</el-menu-item>
</el-submenu>
</a>
</el-menu-item-group>
</el-submenu>
<a :href='homepage'>
<el-menu-item index="2">
<i class="el-icon-s-home"></i>
<span v-cloak slot="title">Home</span>
</el-menu-item>
</a>
<el-submenu index="3">
<template slot="title">
<i class="el-icon-menu"></i>
<span v-cloak slot="title">Product</span>
</template>
<el-menu-item-group>
<span v-cloak slot="title">Coding Platform</span>
<a :href='href' :key='index' v-for='(href,key,index) in platform' @click="page_move('{{key}}')"><el-menu-item v-cloak>{{key}}</el-menu-item></a>
</el-menu-item-group>
</el-submenu>
<el-submenu index="4">
<template slot="title">
<i class="el-icon-document"></i>
<span slot="title" v-cloak>{{faq_title}}</span>
</template>
<el-menu-item-group>
<span slot="title" v-cloak>{{faq_title}}</span>
<a :href='faq_link'><el-menu-item v-cloak>{{faq_title}}</el-menu-item></a>
<a href='https://static-cdn.m5stack.com/image/m5-docs_table/I2C_Address.pdf'><el-menu-item v-cloak>{{i2c_table}}</el-menu-item></a>
<a href='https://static-cdn.m5stack.com/image/m5-docs_table/Product_compared.pdf'><el-menu-item v-cloak>{{comparison_table}}</el-menu-item></a>
</el-menu-item-group>
</el-submenu>
<a :href="purchase_link">
<el-menu-item index="5">
<i class="el-icon-shopping-cart-full"></i>
<span slot="title" v-cloak>Shopping</span>
</el-menu-item>
</a>
<el-submenu index="6">
<template slot="title">
<i>
<svg t="1593669698316" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4443" width="26" height="18"><path d="M446.864 616q-0.576 1.728-7.136-0.288t-18.016-6.56l-11.424-5.152q-25.152-11.424-49.728-28-4-2.848-23.424-18.016t-21.728-16.288q-38.272 58.848-76.576 103.424-46.272 54.272-60 62.848-2.272 1.152-11.136 2.272t-10.56 0q3.424-2.272 46.848-52.576 12-13.728 48.864-65.728t44.864-67.424q9.728-17.152 29.152-56.288t20.576-44.288q-4.576-0.576-62.848 18.848-4.576 1.152-15.712 4.288t-19.712 5.44-9.728 2.848q-1.152 1.152-1.152 6.016t-0.576 5.44q-2.848 5.728-17.728 8.576-13.152 4-26.848 0-10.272-2.272-16-12-2.272-3.424-2.848-13.152 3.424-1.152 14.016-2.848t16.864-3.424q33.152-9.152 60-18.272 57.152-20 58.272-20 5.728-1.152 24.576-11.136t25.152-12.288q5.152-1.728 12.288-4.576t8.288-3.136 3.424 0.288q1.152 6.848-0.576 18.848 0 1.152-7.136 15.424t-15.136 30.56-9.728 19.136q-14.272 28.576-44 74.848l36.576 16q6.848 3.424 42.56 18.272t38.56 16q2.272 0.576 6.016 14.56t2.56 17.44zM329.712 338.272q1.728 8.576-2.272 16-6.848 13.152-28.576 21.728-17.152 6.848-34.272 6.848-14.848-1.728-28-14.848-8-8.576-10.272-23.424l0.576-1.728q1.728 1.728 11.136 2.848t15.136 0 33.152-9.152q20.576-6.848 31.424-8 9.728 0 12 9.728zM728.56 412l36 129.728-79.424-24zM95.408 869.152l396.576-132.576 0-589.728-396.576 133.152 0 589.152zM804.56 688l58.272 17.728-103.424-375.424-57.152-17.728-123.424 306.272 58.272 17.728 25.728-62.848 120.576 37.152zM517.136 138.272l327.424 105.152 0-217.152zM694.864 894.272l90.272 7.424-30.848 91.424-22.848-37.728q-74.272 47.424-157.728 61.728-33.152 6.848-52 6.848l-48 0q-45.152 0-114.016-22.272t-104.864-48.576q-4.576-4-4.576-9.152 0-4.576 2.848-7.712t7.424-3.136q2.272 0 10.272 4.288t17.44 9.44 11.712 6.272q41.728 21.152 91.136 35.136t90.016 14.016q54.272 0 95.424-8.288t89.728-28.864q8.576-4 17.44-8.864t19.424-10.848 16.288-9.44zM950.864 277.728l0 616.576-442.272-140.576q-8 3.424-214.272 72.864t-210.272 69.44q-7.424 0-10.272-7.424 0-0.576-0.576-1.728l0-616q1.728-5.152 2.272-5.728 2.848-3.424 11.424-6.272 60.576-20 85.152-28.576l0-219.424 318.848 113.152q1.152 0 91.712-31.424t180.576-62.016 92.288-30.56q11.424 0 11.424 12l0 238.848z" p-id="4444" fill="#909399"></path></svg>
</i>
<span slot="title" v-cloak>Language</span>
</template>
<el-menu-item-group>
<span slot="title" v-cloak>Change Language</span>
<a onclick="language('en')"><el-menu-item v-cloak>English</el-menu-item></a>
<a onclick="language('zh_CN')"><el-menu-item v-cloak>中文</el-menu-item></a>
</el-menu-item-group>
</el-submenu>
<el-menu-item index="7" @click="(function(){$('html, body').animate({scrollTop: 0}, 500);})()">
<i class="el-icon-top"></i>
<span slot="title" v-cloak>back-top</span>
</el-menu-item>
</el-menu>
</div>
</div>
<div id="app"></div>
<script>
window.$docsify = {
name: 'M5Stack docs',
// repo: 'https://github.com/m5stack/m5-docs',
homepage: 'index.md',
// loadNavbar: 'navbar.md',
// loadSidebar: 'sidebar.md',
autoHeader: true,
mergeNavbar: true, // for mobile device
nameLink: {
'/en/': '#/en/',
'/zh_CN/': '#/zh_CN/',
'/ja/': '#/ja/',
'/': '/'
},
// NAVIGATION
// -----------------------------------------------------------------
alias: { //重定向
'/en/sidebar.md': '/sidebar.md',
'/en/.*/sidebar.md': '/sidebar.md',
'/zh_CN/.*/sidebar.md': '/zh_CN/sidebar.md',
'/ja/.*/sidebar.md': '/ja/sidebar.md',
'/.*/navbar.md': '/navbar.md',
'/en/': '/',
},
auto2top: true,
mergeNavbar: true,
maxLevel: 4,
subMaxLevel: 3,
basePath: '/',
formatUpdated: '{MM}/{DD} {HH}:{mm}',
executeScript: true,
ga: 'UA-131246469-2'
};
</script>
<!-- <script src="./assets/js/custom.js"></script> -->
<script src="https://static-cdn.m5stack.com/resource/docs/assets/custom.min.js"></script>
<!-- <script src="./assets/js/docify.min.js"></script> -->
<script src="https://static-cdn.m5stack.com/resource/docs/assets/docify.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsify-copy-code@2.1.0/dist/docsify-copy-code.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsify@4.10.2/lib/plugins/external-script.min.js"></script>
</body>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-138139529-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-138139529-2');
</script>
<!-- Baidu auto submit link -->
<script>
(function(){
var canonicalURL, curProtocol;
var x=document.getElementsByTagName("link");
if(x.length > 0){
for (i=0;i<x.length;i++){
if(x[i].rel.toLowerCase() == 'canonical' && x[i].href){
canonicalURL=x[i].href;
}
}
}
if (!canonicalURL){
curProtocol = window.location.protocol.split(':')[0];
}
else{
curProtocol = canonicalURL.split(':')[0];
}
if (!canonicalURL) canonicalURL = window.location.href;
!function(){var e=/([http|https]:\/\/[a-zA-Z0-9\_\.]+\.baidu\.com)/gi,r=canonicalURL,t=document.referrer;if(!e.test(r)){var n=(String(curProtocol).toLowerCase() === 'https')?"https://sp0.baidu.com/9_Q4simg2RQJ8t7jm9iCKT-xh_/s.gif":"//api.share.baidu.com/s.gif";t?(n+="?r="+encodeURIComponent(document.referrer),r&&(n+="&l="+r)):r&&(n+="?l="+r);var i=new Image;i.src=n}}(window);})();
</script>
<script src="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.js"></script>
<script src="https://cdn.bootcss.com/jspdf/1.3.4/jspdf.debug.js"></script>
</html>