garrick
/
xaringanthemer
şunun yansıması https://github.com/gadenbuie/xaringanthemer.git
İzle 1
Yıldızla 0
Çatalla 0
Kod Sorunlar 0 Sürümler 10 Wiki Aktivite
😎 Give your xaringan slides some style
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
519 İşlemeler
5 Dallar
Ağaç: fec4281f93
Dallar Biçim İmleri
${ item.name }
Branş ${ searchTerm } oluştur
'fec4281f93'den
${ noResults }
xaringanthemer/reference/apply_alpha.html

112 satır
9.4KB
Ham Bahset Geçmiş 

  1. <!DOCTYPE html>

  2. <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Add alpha to hex color — apply_alpha • xaringanthemer</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/IBM_Plex_Mono-0.4.9/font.css" rel="stylesheet"><link href="../deps/Outfit-0.4.9/font.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet"><link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet"><script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Add alpha to hex color — apply_alpha"><meta name="description" content="Applies alpha (or opacity) to a color in hexadecimal form by

  3. converting opacity in the [0, 1] range to hex in the [0, 255] range

  4. and appending to the hex color."><meta property="og:description" content="Applies alpha (or opacity) to a color in hexadecimal form by

  5. converting opacity in the [0, 1] range to hex in the [0, 255] range

  6. and appending to the hex color."><meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png"><meta name="twitter:card" content="summary"><meta name="twitter:creator" content="@grrrck"><meta name="twitter:site" content="@grrrck"></head><body>

  7.     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>

  8. 

  9. 

  10.     <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container">

  11. 

  12.     <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a>

  13. 

  14.     <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.3</small>

  15. 

  16. 

  17.     <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">

  18.       <span class="navbar-toggler-icon"></span>

  19.     </button>

  20. 

  21.     <div id="navbar" class="collapse navbar-collapse ms-3">

  22.       <ul class="navbar-nav me-auto"><li class="nav-item"><a class="nav-link" href="../articles/xaringanthemer.html">Features</a></li>

  23. <li class="active nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li>

  24. <li class="nav-item dropdown">

  25.   <button class="nav-link dropdown-toggle" type="button" id="dropdown-themes" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Themes</button>

  26.   <ul class="dropdown-menu" aria-labelledby="dropdown-themes"><li><h6 class="dropdown-header" data-toc-skip>Themes</h6></li>

  27.     <li><a class="dropdown-item" href="../articles/themes.html">Slide Themes</a></li>

  28.     <li><a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a></li>

  29.     <li><hr class="dropdown-divider"></li>

  30.     <li><h6 class="dropdown-header" data-toc-skip>More Customization</h6></li>

  31.     <li><a class="dropdown-item" href="../articles/fonts.html">Fonts</a></li>

  32.     <li><a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a></li>

  33.   </ul></li>

  34.       </ul><ul class="navbar-nav"><li class="nav-item dropdown">

  35.   <button class="nav-link dropdown-toggle" type="button" id="dropdown-" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true"><span class="fa far fa-newspaper fa-lg"></span> </button>

  36.   <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdown-"><li><a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a></li>

  37.     <li><hr class="dropdown-divider"></li>

  38.     <li><a class="dropdown-item" href="../news/index.html">Changelog</a></li>

  39.   </ul></li>

  40. <li class="nav-item"><a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"><span class="fa fab fa-github fa-lg"></span></a></li>

  41. <li class="nav-item"><a class="external-link nav-link" href="https://twitter.com/grrrck"><span class="fa fab fa-twitter fa-lg"></span></a></li>

  42. <li class="nav-item"><a class="external-link nav-link" href="https://www.garrickadenbuie.com"><span class="fa fas fa-home fa-lg"></span></a></li>

  43.       </ul></div>

  44. 

  45. 

  46.   </div>

  47. </nav><div class="container template-reference-topic">

  48. <div class="row">

  49.   <main id="main" class="col-md-9"><div class="page-header">

  50.       <img src="../logo.png" class="logo" alt=""><h1>Add alpha to hex color</h1>

  51.       <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/v0.4.3/R/color.R" class="external-link"><code>R/color.R</code></a></small>

  52.       <div class="d-none name"><code>apply_alpha.Rd</code></div>

  53.     </div>

  54. 

  55.     <div class="ref-description section level2">

  56.     <p>Applies alpha (or opacity) to a color in hexadecimal form by

  57. converting opacity in the <code>[0, 1]</code> range to hex in the <code>[0, 255]</code> range

  58. and appending to the hex color.</p>

  59.     </div>

  60. 

  61.     <div class="section level2">

  62.     <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>

  63.     <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">apply_alpha</span><span class="op">(</span><span class="va">color_hex</span>, opacity <span class="op">=</span> <span class="fl">0.5</span><span class="op">)</span></span></code></pre></div>

  64.     </div>

  65. 

  66.     <div class="section level2">

  67.     <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>

  68. 

  69. 

  70. <dl><dt id="arg-color-hex">color_hex<a class="anchor" aria-label="anchor" href="#arg-color-hex"></a></dt>

  71. <dd><p>A character string representing a hex color</p></dd>

  72. 

  73. 

  74. <dt id="arg-opacity">opacity<a class="anchor" aria-label="anchor" href="#arg-opacity"></a></dt>

  75. <dd><p>Desired opacity of the output color</p></dd>

  76. 

  77. </dl></div>

  78.     <div class="section level2">

  79.     <h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2>

  80.     <p>A character string with added opacity level as hexadecimal characters.</p>

  81.     </div>

  82. 

  83.     <div class="section level2">

  84.     <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>

  85.     <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="va">blue</span> <span class="op">&lt;-</span> <span class="st">"#0e6ba8"</span></span></span>

  86. <span class="r-in"><span><span class="va">blue_transparent</span> <span class="op">&lt;-</span> <span class="fu">apply_alpha</span><span class="op">(</span><span class="va">blue</span><span class="op">)</span></span></span>

  87. <span class="r-in"><span></span></span>

  88. <span class="r-in"><span><span class="kw">if</span> <span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/ns-load.html" class="external-link">requireNamespace</a></span><span class="op">(</span><span class="st">"scales"</span>, quietly <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span><span class="op">)</span> <span class="op">{</span></span></span>

  89. <span class="r-in"><span>  <span class="fu">scales</span><span class="fu">::</span><span class="fu"><a href="https://scales.r-lib.org/reference/show_col.html" class="external-link">show_col</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="va">blue</span>, <span class="va">blue_transparent</span><span class="op">)</span><span class="op">)</span></span></span>

  90. <span class="r-in"><span><span class="op">}</span></span></span>

  91. <span class="r-plt img"><img src="apply_alpha-1.png" alt="" width="700" height="433"></span>

  92. </code></pre></div>

  93.     </div>

  94.   </main><aside class="col-md-3"><nav id="toc" aria-label="Table of contents"><h2>On this page</h2>

  95.     </nav></aside></div>

  96. 

  97. 

  98.     <footer><div class="pkgdown-footer-left">

  99.   <p>Developed by <a href="https://www.garrickadenbuie.com" class="external-link">Garrick Aden-Buie</a>.</p>

  100. </div>

  101. 

  102. <div class="pkgdown-footer-right">

  103.   <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p>

  104. </div>

  105. 

  106.     </footer></div>

  107. 

  108. 

  109. 

  110.   <script src="../doc-versions.js"></script></body></html>