blob: eae845f4f18978e78322b61fc3bdb75be3811df6 [file] [log] [blame]
<!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">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Apache Flink: 素材</title>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<!-- Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/flink.css">
<link rel="stylesheet" href="/css/syntax.css">
<!-- Blog RSS feed -->
<link href="/blog/feed.xml" rel="alternate" type="application/rss+xml" title="Apache Flink Blog: RSS feed" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<!-- We need to load Jquery in the header for custom google analytics event tracking-->
<script src="/js/jquery.min.js"></script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Main content. -->
<div class="container">
<div class="row">
<div id="sidebar" class="col-sm-3">
<!-- Top navbar. -->
<nav class="navbar navbar-default">
<!-- The logo. -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="navbar-logo">
<a href="/zh/">
<img alt="Apache Flink" src="/img/flink-header-logo.svg" width="147px" height="73px">
</a>
</div>
</div><!-- /.navbar-header -->
<!-- The navigation links. -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-main">
<!-- First menu section explains visitors what Flink is -->
<!-- What is Stream Processing? -->
<!--
<li><a href="/zh/streamprocessing1.html">What is Stream Processing?</a></li>
-->
<!-- What is Flink? -->
<li><a href="/zh/flink-architecture.html">Apache Flink 是什么?</a></li>
<!-- What is Stateful Functions? -->
<li><a href="/zh/stateful-functions.html">What is Stateful Functions?</a></li>
<!-- Use cases -->
<li><a href="/zh/usecases.html">应用场景</a></li>
<!-- Powered by -->
<li><a href="/zh/poweredby.html">Flink 用户</a></li>
&nbsp;
<!-- Second menu section aims to support Flink users -->
<!-- Downloads -->
<li><a href="/zh/downloads.html">下载</a></li>
<!-- Getting Started -->
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">教程<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="https://ci.apache.org/projects/flink/flink-docs-release-1.11/zh/getting-started/index.html" target="_blank">With Flink <small><span class="glyphicon glyphicon-new-window"></span></small></a></li>
<li><a href="https://ci.apache.org/projects/flink/flink-statefun-docs-release-2.1/getting-started/project-setup.html" target="_blank">With Flink Stateful Functions <small><span class="glyphicon glyphicon-new-window"></span></small></a></li>
<li><a href="/zh/training.html">Training Course</a></li>
</ul>
</li>
<!-- Documentation -->
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">文档<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="https://ci.apache.org/projects/flink/flink-docs-release-1.11" target="_blank">Flink 1.11 (Latest stable release) <small><span class="glyphicon glyphicon-new-window"></span></small></a></li>
<li><a href="https://ci.apache.org/projects/flink/flink-docs-master" target="_blank">Flink Master (Latest Snapshot) <small><span class="glyphicon glyphicon-new-window"></span></small></a></li>
<li><a href="https://ci.apache.org/projects/flink/flink-statefun-docs-release-2.1" target="_blank">Flink Stateful Functions 2.1 (Latest stable release) <small><span class="glyphicon glyphicon-new-window"></span></small></a></li>
<li><a href="https://ci.apache.org/projects/flink/flink-statefun-docs-master" target="_blank">Flink Stateful Functions Master (Latest Snapshot) <small><span class="glyphicon glyphicon-new-window"></span></small></a></li>
</ul>
</li>
<!-- getting help -->
<li><a href="/zh/gettinghelp.html">获取帮助</a></li>
<!-- Blog -->
<li><a href="/blog/"><b>Flink 博客</b></a></li>
<!-- Flink-packages -->
<li>
<a href="https://flink-packages.org" target="_blank">flink-packages.org <small><span class="glyphicon glyphicon-new-window"></span></small></a>
</li>
&nbsp;
<!-- Third menu section aim to support community and contributors -->
<!-- Community -->
<li><a href="/zh/community.html">社区 &amp; 项目信息</a></li>
<!-- Roadmap -->
<li><a href="/zh/roadmap.html">开发计划</a></li>
<!-- Contribute -->
<li><a href="/zh/contributing/how-to-contribute.html">如何参与贡献</a></li>
<!-- GitHub -->
<li>
<a href="https://github.com/apache/flink" target="_blank">Flink on GitHub <small><span class="glyphicon glyphicon-new-window"></span></small></a>
</li>
&nbsp;
<!-- Language Switcher -->
<li>
<a href="/material.html">English</a>
</li>
</ul>
<ul class="nav navbar-nav navbar-bottom">
<hr />
<!-- Twitter -->
<li><a href="https://twitter.com/apacheflink" target="_blank">@ApacheFlink <small><span class="glyphicon glyphicon-new-window"></span></small></a></li>
<!-- Visualizer -->
<li class=" hidden-md hidden-sm"><a href="/visualizer/" target="_blank">Plan Visualizer <small><span class="glyphicon glyphicon-new-window"></span></small></a></li>
<hr />
<li><a href="https://apache.org" target="_blank">Apache Software Foundation <small><span class="glyphicon glyphicon-new-window"></span></small></a></li>
<li>
<style>
.smalllinks:link {
display: inline-block !important; background: none; padding-top: 0px; padding-bottom: 0px; padding-right: 0px; min-width: 75px;
}
</style>
<a class="smalllinks" href="https://www.apache.org/licenses/" target="_blank">License</a> <small><span class="glyphicon glyphicon-new-window"></span></small>
<a class="smalllinks" href="https://www.apache.org/security/" target="_blank">Security</a> <small><span class="glyphicon glyphicon-new-window"></span></small>
<a class="smalllinks" href="https://www.apache.org/foundation/sponsorship.html" target="_blank">Donate</a> <small><span class="glyphicon glyphicon-new-window"></span></small>
<a class="smalllinks" href="https://www.apache.org/foundation/thanks.html" target="_blank">Thanks</a> <small><span class="glyphicon glyphicon-new-window"></span></small>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</nav>
</div>
<div class="col-sm-9">
<div class="row-fluid">
<div class="col-sm-12">
<h1>素材</h1>
<div class="page-toc">
<ul id="markdown-toc">
<li><a href="#apache-flink-logo" id="markdown-toc-apache-flink-logo">Apache Flink Logo</a> <ul>
<li><a href="#png" id="markdown-toc-png">便携式网络图像格式 (PNG)</a></li>
<li><a href="#svg" id="markdown-toc-svg">可扩展矢量图像格式 (SVG)</a></li>
<li><a href="#photoshop--psd" id="markdown-toc-photoshop--psd">Photoshop 格式 (PSD)</a></li>
</ul>
</li>
<li><a href="#section" id="markdown-toc-section">配色方案</a></li>
</ul>
</div>
<h2 id="apache-flink-logo">Apache Flink Logo</h2>
<p>我们提供不同大小、不同格式的 Apache Flink logo。你可以<a href="/img/logo.zip">下载所有 logo</a> (7.4 MB)或者从当前页面选择你需要的 logo。</p>
<h3 id="png">便携式网络图像格式 (PNG)</h3>
<div class="row text-center">
<div class="col-sm-4">
<h4>彩色 logo</h4>
<p><img src="/img/logo/png/200/flink_squirrel_200_color.png" alt="Apache Flink Logo" title="Apache Flink Logo" width="200px" /></p>
<p><strong>尺寸 (px)</strong>:
<a href="/img/logo/png/50/color_50.png">50x50</a>,
<a href="/img/logo/png/100/flink_squirrel_100_color.png">100x100</a>,
<a href="/img/logo/png/200/flink_squirrel_200_color.png">200x200</a>,
<a href="/img/logo/png/500/flink_squirrel_500.png">500x500</a>,
<a href="/img/logo/png/1000/flink_squirrel_1000.png">1000x1000</a></p>
</div>
<div class="col-sm-4">
<h4>白色填充 logo</h4>
<p><img src="/img/logo/png/200/flink_squirrel_200_white.png" alt="Apache Flink Logo" title="Apache Flink Logo" width="200px" style="background:black;" /></p>
<p><strong>尺寸 (px)</strong>:
<a href="/img/logo/png/50/white_50.png">50x50</a>,
<a href="/img/logo/png/100/flink_squirrel_100_white.png">100x100</a>,
<a href="/img/logo/png/200/flink_squirrel_200_white.png">200x200</a>,
<a href="/img/logo/png/500/flink_squirrel_500_white.png">500x500</a>,
<a href="/img/logo/png/1000/flink_squirrel_white_1000.png">1000x1000</a></p>
</div>
<div class="col-sm-4">
<h4>黑色轮廓 logo</h4>
<p><img src="/img/logo/png/200/flink_squirrel_200_black.png" alt="Apache Flink Logo" title="Apache Flink Logo" width="200px" /></p>
<p><strong>尺寸 (px)</strong>:
<a href="/img/logo/png/50/black_50.png">50x50</a>,
<a href="/img/logo/png/100/flink_squirrel_100_black.png">100x100</a>,
<a href="/img/logo/png/200/flink_squirrel_200_black.png">200x200</a>,
<a href="/img/logo/png/500/flink_squirrel_500_black.png">500x500</a>,
<a href="/img/logo/png/1000/flink_squirrel_black_1000.png">1000x1000</a></p>
</div>
</div>
<div class="panel panel-default">
<div class="panel-body">
你可以<a href="/img/logo/png">在这个目录</a>寻找更多 PNG 格式的 logo 或者<a href="/img/logo.zip">下载所有 logo</a> (7.4 MB)。
</div>
</div>
<h3 id="svg">可扩展矢量图像格式 (SVG)</h3>
<div class="row text-center img100">
<div class="col-sm-4 text-center">
<h4>彩色 logo</h4>
<p><img src="/img/logo/svg/color_black.svg" alt="Apache Flink Logo" title="Apache Flink Logo" /></p>
<p>带黑色文本的彩色 logo (<a href="/img/logo/svg/color_black.svg">color_black.svg</a>)</p>
</div>
<div class="col-sm-4">
<h4>白色填充 logo</h4>
<p><img src="/img/logo/svg/white_filled.svg" alt="Apache Flink Logo" title="Apache Flink Logo" style="background:black;" /></p>
<p>白色填充 logo (<a href="/img/logo/svg/white_filled.svg">white_filled.svg</a>)</p>
</div>
<div class="col-sm-4">
<h4>黑色轮廓 logo</h4>
<p><img src="/img/logo/svg/black_outline.svg" alt="Apache Flink Logo" title="Apache Flink Logo" /></p>
<p>黑色轮廓 logo (<a href="/img/logo/svg/black_outline.svg">black_outline.svg</a>)</p>
</div>
</div>
<div class="panel panel-default">
<div class="panel-body">
你可以<a href="/img/logo/svg">在这个目录</a>寻找更多 SVG 格式的 logo 或者<a href="/img/logo.zip">下载所有 logo</a> (7.4 MB)。
</div>
</div>
<h3 id="photoshop--psd">Photoshop 格式 (PSD)</h3>
<div class="panel panel-default">
<div class="panel-body">
<p>你也可以下载 PSD 格式的 logo:</p>
<ul>
<li><strong>彩色 logo</strong>: <a href="/img/logo/psd/flink_squirrel_1000.psd">1000x1000</a>.</li>
<li><strong>带文字的黑色轮廓 logo</strong>: <a href="/img/logo/psd/flink_1000.psd">1000x1000</a>, <a href="/img/logo/psd/flink_5000.psd">5000x5000</a>.</li>
</ul>
<p>你可以<a href="/img/logo/psd">在这个目录</a>寻找更多 PSD 格式的 logo 或者<a href="/img/logo.zip">下载所有 logo</a> (7.4 MB)。</p>
</div>
</div>
<h2 id="section">配色方案</h2>
<p>你可以使用我们提供的配色方案,这些方案包含了 Flink logo 的部分颜色。</p>
<ul>
<li><a href="/img/logo/colors/flink_colors.pdf">PDF 配色方案</a></li>
<li><a href="/img/logo/colors/flink_colors.pptx">Powerpoint 配色方案</a></li>
</ul>
</div>
</div>
</div>
</div>
<hr />
<div class="row">
<div class="footer text-center col-sm-12">
<p>Copyright © 2014-2019 <a href="http://apache.org">The Apache Software Foundation</a>. All Rights Reserved.</p>
<p>Apache Flink, Flink®, Apache®, the squirrel logo, and the Apache feather logo are either registered trademarks or trademarks of The Apache Software Foundation.</p>
<p><a href="/privacy-policy.html">Privacy Policy</a> &middot; <a href="/blog/feed.xml">RSS feed</a></p>
</div>
</div>
</div><!-- /.container -->
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.matchHeight/0.7.0/jquery.matchHeight-min.js"></script>
<script src="/js/codetabs.js"></script>
<script src="/js/stickysidebar.js"></script>
<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-52545728-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>