imtoken安卓下载app|grayscale

作者: imtoken安卓下载app
2024-03-07 19:02:45

grayscale() - CSS:层叠样式表 | MDN

scale() - CSS:层叠样式表 | MDNSkip to main contentSkip to searchSkip to select languageMDN Web DocsOpen main menuReferencesReferencesOverview / Web TechnologyWeb technology reference for developersHTMLStructure of content on the webCSSCode used to describe document styleJavaScriptGeneral-purpose scripting languageHTTPProtocol for transmitting web resourcesWeb APIsInterfaces for building web applicationsWeb ExtensionsDeveloping extensions for web browsersWeb TechnologyWeb technology reference for developersGuidesGuidesOverview / MDN Learning AreaLearn web developmentMDN Learning AreaLearn web developmentHTMLLearn to structure web content with HTMLCSSLearn to style content using CSSJavaScriptLearn to run scripts in the browserAccessibilityLearn to make the web accessible to allPlusPlusOverviewA customized MDN experienceAI Help (beta)Get real-time assistance and supportUpdatesAll browser compatibility updates at a glanceDocumentationLearn how to use MDN PlusFAQFrequently asked questions about MDN PlusCurriculumNewBlogPlayAI Help BetaSearch MDNClear search inputSearchThemeLog inSign up for freeWeb 开发技术CSS:层叠样式表grayscale()Article Actions中文 (简体)此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。Filter sidebarClear filter inputIn this article尝试一下语法例子更多

CSS

教程

CSS 基础

CSS 第一步

CSS 第一步概述

什么是 CSS

CSS 入门

CSS 的结构是怎样的

CSS 是如何工作的

测验:为传记页面添加样式

CSS 构建

CSS 构建基础概述

CSS 选择器

类型、类和 ID 选择器

属性选择器

伪类与伪元素

关系选择器

层叠、优先级与继承

层叠层

盒子模型

背景和边框

处理不同方向的文本

溢出的内容

CSS 的值和单位

在 CSS 中调整大小

图像、媒体和表单元素

样式化表格

调试 CSS

组织你的 CSS

测验:基本的 CSS 理解

测验:创建精美的信纸

测验:一个漂亮的盒子

样式化文本

样式化文本概述

基础文本与字体样式化

样式化列表

样式化链接

Web 字体

测验:排版社区大学首页

CSS 布局概述

CSS 布局概述

CSS 布局简介

一般的流布局

弹性盒布局

网格布局

浮动布局

定位

多栏式布局

响应式布局

媒体查询入门指南

传统的布局方法

支持旧版浏览器

测验:对布局基础知识的理解

参考

ModulesCSS animationsCSS backgrounds and bordersCSS basic user interfaceCSS box alignmentCSS box modelCSS cascade and inheritance (en-US)CSS custom properties for cascading variables (en-US)CSS color adjustment (en-US)CSS colorsCSS compositing and blending (en-US)CSS conditional rules (en-US)CSS containmentCSS counter stylesCSS display (en-US)CSS filter effects (en-US)CSS flexible box layoutCSS font loading (en-US)CSS fontsCSS fragmentationCSS generated contentCSS grid layoutCSS images (en-US)CSS lists and counters (en-US)CSS logical properties and valuesCSS maskingCSS media queriesCSS miscellaneous (en-US)CSS motion path (en-US)CSS multi-column layoutCSS namespaces (en-US)CSS nesting (en-US)CSS overflow (en-US)CSS overscroll behavior (en-US)CSS paged mediaCSS positioned layoutCSS properties and values API (en-US)CSS pseudo-elements (en-US)CSS ruby layout (en-US)CSS scoping (en-US)CSS scroll-driven animations (en-US)CSS scroll snapCSS scrollbars stylingCSS selectorsCSS shadow parts (en-US)CSS shapesCSS syntax (en-US)CSS tableCSS textCSS text decorationCSS transformsCSS transitionsCSS writing modesCSSOM view

Properties-moz-*-moz-float-edge (en-US)

非标准

已弃用

-moz-force-broken-image-icon (en-US)

非标准

已弃用

-moz-image-region (en-US)

非标准

-moz-orient (en-US)

非标准

-moz-user-focus (en-US)

非标准

已弃用

-moz-user-input

非标准

已弃用

-webkit-*-webkit-border-before

非标准

-webkit-box-reflect

非标准

-webkit-line-clamp-webkit-mask-attachment

非标准

-webkit-mask-box-image (en-US)

非标准

-webkit-mask-composite (en-US)

非标准

-webkit-mask-position-x (en-US)

非标准

-webkit-mask-position-y (en-US)

非标准

-webkit-mask-repeat-x (en-US)

非标准

-webkit-mask-repeat-y (en-US)

非标准

-webkit-overflow-scrolling

非标准

-webkit-tap-highlight-color

非标准

-webkit-text-fill-color-webkit-text-security (en-US)

非标准

-webkit-text-stroke-webkit-text-stroke-color-webkit-text-stroke-width-webkit-touch-callout

非标准

accent-coloralign-*align-contentalign-itemsalign-selfalign-tracks (en-US)

实验性

allanimation-*animationanimation-composition (en-US)animation-delayanimation-directionanimation-durationanimation-fill-modeanimation-iteration-countanimation-nameanimation-play-stateanimation-range (en-US)

实验性

animation-range-end (en-US)

实验性

animation-range-start (en-US)

实验性

animation-timeline (en-US)

实验性

animation-timing-functionappearanceaspect-ratiobackdrop-filterbackface-visibilitybackground-*backgroundbackground-attachmentbackground-blend-modebackground-clipbackground-colorbackground-imagebackground-originbackground-positionbackground-position-xbackground-position-ybackground-repeatbackground-sizeblock-sizeborder-*borderborder-blockborder-block-colorborder-block-endborder-block-end-colorborder-block-end-styleborder-block-end-widthborder-block-startborder-block-start-colorborder-block-start-styleborder-block-start-widthborder-block-styleborder-block-widthborder-bottomborder-bottom-colorborder-bottom-left-radiusborder-bottom-right-radius (en-US)border-bottom-styleborder-bottom-widthborder-collapseborder-colorborder-end-end-radiusborder-end-start-radiusborder-imageborder-image-outsetborder-image-repeatborder-image-sliceborder-image-sourceborder-image-widthborder-inlineborder-inline-colorborder-inline-endborder-inline-end-colorborder-inline-end-styleborder-inline-end-widthborder-inline-startborder-inline-start-colorborder-inline-start-styleborder-inline-start-widthborder-inline-styleborder-inline-widthborder-leftborder-left-colorborder-left-styleborder-left-widthborder-radiusborder-rightborder-right-colorborder-right-styleborder-right-widthborder-spacingborder-start-end-radiusborder-start-start-radiusborder-styleborder-topborder-top-colorborder-top-left-radiusborder-top-right-radiusborder-top-styleborder-top-widthborder-widthbottombox-*box-align (en-US)

非标准

已弃用

box-decoration-breakbox-direction (en-US)

非标准

已弃用

box-flex (en-US)

非标准

已弃用

box-flex-group (en-US)

非标准

已弃用

box-lines (en-US)

非标准

已弃用

box-ordinal-group (en-US)

非标准

已弃用

box-orient

非标准

已弃用

box-pack (en-US)

非标准

已弃用

box-shadowbox-sizingbreak-*break-afterbreak-before (en-US)break-insidecaption-sidecaret-colorclearclip

已弃用

clip-pathcolor-*colorcolor-interpolation (en-US)color-schemecolumn-*column-countcolumn-fill (en-US)column-gapcolumn-rulecolumn-rule-colorcolumn-rule-stylecolumn-rule-widthcolumn-spancolumn-width (en-US)columnscontain-*containcontain-intrinsic-block-sizecontain-intrinsic-heightcontain-intrinsic-inline-sizecontain-intrinsic-sizecontain-intrinsic-widthcontainer-*container (en-US)container-name (en-US)container-type (en-US)contentcontent-visibility

实验性

counter-*counter-incrementcounter-resetcounter-setcursordirectiondisplayempty-cellsfilterflex-*flexflex-basisflex-directionflex-flowflex-growflex-shrinkflex-wrapfloatfont-*fontfont-familyfont-feature-settingsfont-kerningfont-language-overridefont-optical-sizing (en-US)font-palettefont-sizefont-size-adjustfont-smooth

非标准

font-stretchfont-stylefont-synthesisfont-synthesis-position (en-US)font-synthesis-small-caps (en-US)font-synthesis-style (en-US)font-synthesis-weight (en-US)font-variantfont-variant-alternatesfont-variant-capsfont-variant-east-asian (en-US)font-variant-emoji (en-US)font-variant-ligaturesfont-variant-numericfont-variant-positionfont-variation-settingsfont-weightforced-color-adjust (en-US)gapgrid-*gridgrid-areagrid-auto-columnsgrid-auto-flowgrid-auto-rowsgrid-columngrid-column-end (en-US)grid-column-start (en-US)grid-rowgrid-row-end (en-US)grid-row-start (en-US)grid-templategrid-template-areasgrid-template-columnsgrid-template-rowshanging-punctuationheighthyphenate-character (en-US)hyphenate-limit-chars (en-US)hyphensimage-*image-orientationimage-renderingimage-resolution (en-US)

实验性

initial-letter (en-US)

实验性

initial-letter-align (en-US)

实验性

inline-sizeinset-*insetinset-blockinset-block-endinset-block-startinset-inlineinset-inline-endinset-inline-startisolationjustify-*justify-contentjustify-itemsjustify-selfjustify-tracks (en-US)

实验性

leftletter-spacingline-*line-breakline-heightline-height-step (en-US)

实验性

list-*list-stylelist-style-imagelist-style-positionlist-style-typemargin-*marginmargin-blockmargin-block-endmargin-block-startmargin-bottommargin-inlinemargin-inline-endmargin-inline-startmargin-leftmargin-rightmargin-topmargin-trim (en-US)

实验性

mask-*maskmask-bordermask-border-modemask-border-outset (en-US)mask-border-repeatmask-border-slicemask-border-source (en-US)mask-border-widthmask-clip (en-US)mask-composite (en-US)mask-imagemask-modemask-origin (en-US)mask-position (en-US)mask-repeatmask-size (en-US)mask-type (en-US)masonry-auto-flow (en-US)

实验性

math-*math-depth (en-US)math-shift (en-US)

实验性

math-style (en-US)max-*max-block-size (en-US)max-heightmax-inline-sizemax-widthmin-*min-block-sizemin-heightmin-inline-sizemin-widthmix-blend-modeobject-fitobject-positionoffset-*offsetoffset-anchor (en-US)offset-distance (en-US)offset-path (en-US)offset-position (en-US)offset-rotate (en-US)opacityorderorphans (en-US)outline-*outlineoutline-coloroutline-offsetoutline-styleoutline-widthoverflow-*overflowoverflow-anchoroverflow-blockoverflow-clip-margin (en-US)overflow-inlineoverflow-wrapoverflow-xoverflow-yoverlay (en-US)

实验性

overscroll-*overscroll-behavioroverscroll-behavior-block (en-US)overscroll-behavior-inline (en-US)overscroll-behavior-xoverscroll-behavior-ypadding-*paddingpadding-blockpadding-block-endpadding-block-startpadding-bottompadding-inlinepadding-inline-endpadding-inline-startpadding-leftpadding-rightpadding-toppage-*page (en-US)page-break-afterpage-break-before (en-US)page-break-inside (en-US)paint-orderperspectiveperspective-originplace-*place-contentplace-itemsplace-self (en-US)pointer-eventspositionprint-color-adjust (en-US)quotesresizerightrotaterow-gapruby-align (en-US)

实验性

ruby-position (en-US)scalescroll-*scroll-behaviorscroll-marginscroll-margin-blockscroll-margin-block-endscroll-margin-block-startscroll-margin-bottomscroll-margin-inlinescroll-margin-inline-endscroll-margin-inline-startscroll-margin-leftscroll-margin-rightscroll-margin-topscroll-paddingscroll-padding-blockscroll-padding-block-endscroll-padding-block-startscroll-padding-bottomscroll-padding-inlinescroll-padding-inline-endscroll-padding-inline-startscroll-padding-leftscroll-padding-rightscroll-padding-topscroll-snap-alignscroll-snap-stopscroll-snap-typescroll-timeline (en-US)

实验性

scroll-timeline-axis (en-US)

实验性

scroll-timeline-name (en-US)

实验性

scrollbar-*scrollbar-colorscrollbar-gutter (en-US)scrollbar-widthshape-*shape-image-thresholdshape-marginshape-outsidetab-sizetable-layouttext-*text-aligntext-align-lasttext-combine-upright (en-US)text-decorationtext-decoration-colortext-decoration-linetext-decoration-skip

实验性

text-decoration-skip-ink (en-US)text-decoration-styletext-decoration-thicknesstext-emphasis (en-US)text-emphasis-color (en-US)text-emphasis-position (en-US)text-emphasis-style (en-US)text-indenttext-justifytext-orientationtext-overflowtext-renderingtext-shadowtext-size-adjust

实验性

text-transformtext-underline-offsettext-underline-positiontext-wrap (en-US)timeline-scope (en-US)

实验性

toptouch-actiontransform-*transformtransform-boxtransform-origintransform-styletransition-*transitiontransition-behavior (en-US)transition-delaytransition-durationtransition-propertytransition-timing-functiontranslateunicode-bidiuser-modify (en-US)

非标准

已弃用

user-selectvertical-alignview-*view-timeline (en-US)

实验性

view-timeline-axis (en-US)

实验性

view-timeline-inset (en-US)

实验性

view-timeline-name (en-US)

实验性

view-transition-name

实验性

visibilitywhite-spacewhite-space-collapse (en-US)widowswidthwill-changeword-breakword-spacingwriting-modez-indexzoom (en-US)

非标准

SelectorsAttribute selectorsClass selectorsID selectors& nesting selector (en-US)Type selectorsUniversal selectors

CombinatorsChild combinatorColumn combinator

实验性

Descendant combinatorNamespace separator (en-US)Next-sibling combinatorSelector listSubsequent-sibling combinator

Pseudo-classes:-moz-broken

非标准

:-moz-drag-over

非标准

:-moz-first-node

非标准

:-moz-handler-blocked (en-US)

非标准

:-moz-handler-crashed (en-US)

非标准

:-moz-handler-disabled (en-US)

非标准

:-moz-last-node (en-US)

非标准

:-moz-loading (en-US)

非标准

:-moz-locale-dir(ltr) (en-US)

非标准

:-moz-locale-dir(rtl) (en-US)

非标准

:-moz-only-whitespace

非标准

:-moz-submit-invalid (en-US)

非标准

:-moz-suppressed (en-US)

非标准

:-moz-user-disabled (en-US)

非标准

:-moz-window-inactive

非标准

:active:any-link:autofill:blank

实验性

:buffering (en-US):checked:current (en-US):default:defined:dir():disabled:empty:enabled:first:first-child:first-of-type:focus:focus-visible:focus-within:fullscreen:future (en-US):has():host:host-context():host():hover:in-range:indeterminate:invalid:is():lang():last-child:last-of-type:left:link:local-link (en-US):modal (en-US):muted (en-US):not():nth-child():nth-last-child():nth-last-of-type():nth-of-type():only-child:only-of-type:optional:out-of-range:past (en-US):paused:picture-in-picture:placeholder-shown:playing:popover-open (en-US):read-only:read-write:required:right:root:scope:seeking (en-US):stalled (en-US):state() (en-US)

实验性

:target:target-within (en-US)

实验性

:user-invalid (en-US):user-valid (en-US):valid:visited:volume-locked (en-US):where()

Pseudo-elements::-moz-color-swatch (en-US)

非标准

::-moz-focus-inner (en-US)

实验性

::-moz-list-bullet (en-US)

非标准

::-moz-list-number (en-US)

非标准

::-moz-page (en-US)

非标准

::-moz-page-sequence (en-US)

非标准

::-moz-progress-bar

非标准

::-moz-range-progress

非标准

::-moz-range-thumb (en-US)

非标准

::-moz-range-track (en-US)

非标准

::-moz-scrolled-page-sequence (en-US)

非标准

::-webkit-inner-spin-button (en-US)

非标准

::-webkit-meter-bar (en-US)

非标准

::-webkit-meter-even-less-good-value (en-US)

非标准

::-webkit-meter-inner-element (en-US)

非标准

::-webkit-meter-optimum-value (en-US)

非标准

::-webkit-meter-suboptimum-value (en-US)

非标准

::-webkit-progress-bar

非标准

::-webkit-progress-inner-element

非标准

::-webkit-progress-value

非标准

::-webkit-scrollbar

非标准

::-webkit-search-cancel-button (en-US)

非标准

::-webkit-search-results-button (en-US)

非标准

::-webkit-slider-runnable-track

实验性

::-webkit-slider-thumb

实验性

::after::backdrop::before::cue::cue-region (en-US)::file-selector-button::first-letter::first-line::grammar-error::highlight() (en-US)::marker::part()::placeholder::selection::slotted()::spelling-error::target-text

实验性

::view-transition

实验性

::view-transition-group

实验性

::view-transition-image-pair

实验性

::view-transition-new

实验性

::view-transition-old

实验性

At-rules@charset@color-profile (en-US)@container (en-US)@counter-style@document

非标准

已弃用

@font-face@font-feature-values@font-palette-values (en-US)@import@keyframes@layer@media@namespace@page@property@scope (en-US)@starting-style (en-US)

实验性

@supports

Functions-moz-image-rect

非标准

已弃用

abs() (en-US)acos()asin()atan()atan2()attr()calc()clamp()cos()counter()counters()cross-fade() (en-US)element()

实验性

env()exp()fit-content()hypot()log()max()min()minmax()mod() (en-US)path() (en-US)pow()ray() (en-US)rem() (en-US)repeat()round() (en-US)sign() (en-US)sin()sqrt()symbols() (en-US)tan()url()var()

Types (en-US) (en-US) (en-US) (en-US) (en-US) (en-US) (en-US) (en-US) (en-US) (en-US) (en-US) (en-US) (en-US) (en-US) (en-US)

已弃用

指南

动画

运用 CSS 动画

背景和边框

多个背景的应用

重设背景图片的大小

盒子的对齐方式

块布局中的盒对齐方式

弹性盒布局中的盒对齐方式

网格布局中的盒模型对齐 (en-US)

多栏式布局中的盒对齐方式 (en-US)

盒模型

CSS 基本盒模型简介

外边距重叠

颜色

使用 CSS 为 HTML 元素添加颜色

Web 无障碍:理解颜色和亮度 (en-US)

Web 无障碍:色彩对比度 (en-US)

多列

多栏式布局的基础概念

多栏式布局的样式

多栏式布局中的跨列与平衡 (en-US)

处理多栏式布局的溢出

多栏式布局中的内容换行 (en-US)

条件规则

运用特性查询

Containment

Using CSS containment (en-US)

CSS 容器查询

Using container size and style queries (en-US)

CSS 对象模型视图

坐标系

弹性盒布局

弹性盒布局基础

与其他布局的比较

弹性盒容器中的对齐方式

弹性盒布局中的排序方式

控制弹性盒子元素在主轴上的比例

包装弹性盒布局中的元素

经典的弹性盒布局示例

流式布局

一般的流式布局中的块式和行式布局

应用或脱离流式布局

格式化上下文简介

流式布局和书写模式

流式布局和溢出

字体

OpenType 字体特性指南

可变字体指南

网格布局

网格布局基础概念

和其他布局方法的联系

基于网格线的定位

网格模板区域

使用命名线布局

网格布局中的自动定位

网格布局中的盒模型对齐

网格、逻辑值和书写模式

网格布局和无障碍

网格布局和渐进增强

运用网格布局实现常见布局

子网格 (en-US)

Masonry 布局 (en-US)

图片

使用 CSS 渐变

列表和计数器

使用 CSS 计数器

使列表缩进一致

逻辑属性

基础概念

浮动和定位

内外边距和边框

调整尺寸

数学函数

使用 CSS 数学函数 (en-US)

媒体查询

使用媒体查询

无障碍相关的媒体查询 (en-US)

运用编程方法测试媒体查询

Printing

嵌套样式规则

使用 CSS 嵌套 (en-US)

嵌套 @ 规则 (en-US)

嵌套与优先级 (en-US)

定位

理解 CSS z-index

滚动吸附

滚动吸附的基本概念

形状

形状概述

使用 box 值指定形状

基本形状 (en-US)

从图片中指定形状 (en-US)

文本

包装文本和文本断行 (en-US)

变换

使用变换

过渡

使用过渡

布局手册

媒体对象

多列

居中一个元素

粘性页脚

分离式导航

面包屑导航

带有图标的列表 (en-US)

分页 (en-US)

卡片

网格布局包装器 (en-US)

工具

取色器

Box shadow 生成器

图片边框生成器

圆角边框生成器

In this article尝试一下语法例子更多grayscale()grayscale() : 对图片进行灰度转换,它是 的子属性。尝试一下语法grayscale(amount)

参数

amount

转换值的大小,可以是. 当值为 100% 时,灰度最大。0% 时与原图没有区别。0% 到 100% 之间的值会使灰度线性变化。amount 为空时使用值为1.

例子cssgrayscale(0) /* 无效果 */

grayscale(.7) /* 70% 灰度 */

grayscale(100%) /* 灰度最大 */

更多

Help improve MDNWas this page helpful to you?YesNoLearn how to contribute.This page was last modified on 2023年8月2日 by MDN contributors.View this page on GitHub• Report a problem with this contentMDN logoYour blueprint for a better internet.MDN on MastodonMDN on X (formerly Twitter)MDN on GitHubMDN Blog RSS FeedMDNAboutBlogCareersAdvertise with usSupportProduct helpReport an issueOur communitiesMDN CommunityMDN ForumMDN ChatDevelopersWeb TechnologiesLearn Web DevelopmentMDN PlusHacks BlogMozilla logoWebsite Privacy NoticeCookiesLegalCommunity Participation GuidelinesVisit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.Portions of this content are ©1998–2024 by individual mozilla.org contributors. Content available under a Creative Commons licen

关于“灰度基金”,你需要知道这些 - 知乎

关于“灰度基金”,你需要知道这些 - 知乎首发于zt20c切换模式写文章登录/注册关于“灰度基金”,你需要知道这些张不胖火狐社区专注数字货币领域研究灰度投资公司(Grayscale Investment Trust)由数字货币投资集团(Digital Currency Group)于2013年设立,DCG是全球最为活跃和具有影响力的加密资本之一,其投资版图横跨区块链行业各个细分领域。而灰度基金则是由DCG在2013年创立,是灰度投资旗下专用于管理加密资产的信托基金。这是一家以所持比特币价格为市值基础的投资基金,它通过合规的基金运作方式,来为机构投资者和高净值合格投资人服务。由于当前加密货币的监管环境相对复杂、基础设施不完善、风险较高,因此大多数传统金融市场中的机构投资者无法通过交易所直接投资加密货币。机构对“安全”投资加密货币的需求,催生出迎合传统监管要求的“合规”平台--灰度。GBTC虽然不是ETF,但却是第一个,也是目前唯一一个可以在美股二级市场交易,追踪比特币价格的投资产品,同时是美国养老计划中唯一可以买比特币仓口的产品。GBTC 基本每季度会在一级市场,对合格投资者和机构用户开放私募,允许他们通过现金或 BTC 的形式入金到信托(最低额度 5 万美元)。机构买入 GBTC,就相当于买入灰度持仓的 BTC 中对应的份额。GBTC 的运作模式与黄金信托基金类似:由大型黄金生产商向基金公司寄售实物黄金,随后由基金公司以此实物黄金为依托,在交易所内公开发行基金份额,销售给各类投资者,商业银行分别担任基金托管行和实物保管行,投资者在基金存续期间内可以自由赎回。不同的是,GBTC的份额不支持赎回,并需要锁仓12个月,灰度就成了只进不出的“貔貅”。合格投资者和机构用户充进去的币没有任何渠道可以赎回,只能通过在二级市场卖出GBTC的方式来套现,所以灰度的持币量自成立之日起就呈现单边上涨的走势。自2019年以来,持仓量只增不减,并有加速增长的趋势。自灰度推出 GBTC 之后,一直在“买买买”。其资产管理规模由 2018年12月底的8.25亿美元,飙升至2019年12月底的21亿美元,再到今年5月22日的32亿美元,这也使得手握35万枚 BTC 的灰度成功问鼎“全球最大的比特币持有机构”。今年年初,灰度注册成为一家需向 SEC 报告的公司,这意味着GBTC是第一个向SEC按季报告的加密货币投资工具,告知公司内部所有的未计划事件或变更,并向SEC发送相关已审核报表。与此同时,GBTC的锁仓时间也由12个月缩短至6个月,并进一步降低投资门槛。即便投资者不符合参与一级市场募资的条件,也不是合格投资人,只要有一个美股账户,就可以在二级市场像买卖股票一样交易 GBTC,不用考虑币圈交易所复杂的入金流程,也不用担心平台暴雷跑路。而对于传统机构投资者来说,既降低了学习和信任成本,也不必担心资产的私钥管理和安全储存。此外,每年的报税季最令美国持币者头大,美国国税局对分叉币、空投币要不要报税,甚至专门发布了指导文件,如果持有GBTC,只需像交易其它股票一样缴纳资本利得税即可。灰度靠什么赚钱?和传统信托基金一样,灰度主要靠管理费赚钱,只要投资者在灰度的入金需求持续上升,灰度就会有源源不断的管理费,而且这笔管理费要比传统信托行业丰厚得多。信托基金每年的管理费率一般在0.3-1.5%,具体视投资目标和管理的难易程度。而GBTC每年的管理费是2%,按照现有资产管理规模计算,仅靠 GBTC一个产品,灰度一年就可以收取6000 BTC的纯利润(现约5300万美元)。比特币之外,灰度还先后创建了8只单一资产信托基金,和囊括 5类主流币(BTC、ETH、XRP、BCH 和 LTC)的多资产信托基金(Grayscale Digital Large Cap Fund)。上图中,主流币种的信托产品每年的管理费基本都在 2.5% 或以上,ETC 信托的管理费甚至每年 3%,几乎是传统信托基金管理费的两倍。但即便高,也有人不断涌入。毕竟除了灰度,寻求合规和便捷的投资者们没有更好的选择。灰度的存在=未来砸盘的风险?根据灰度官网最新数据(5月22日),购买一份GBTC,要花10.66 美元,会获得0.0009618个比特币,根据比特币市场现价,二者溢价为 21%。绿色代表GBTC的市场价格走势,黑色代表BTC市场价格走势。据 ycharts 数据显示,GBTC 的溢价自 GBTC 创立之初起就已存在,历史最高时达到了 254%,近两年有所下降,这两个月则维持 20% 左右的溢价。近两个月GBTC溢价数据(数据来源于:ycharts)正溢价与海外对比特币投资需求的持续增长有关。四年一度的减半(通缩带动币价的美妙故事)也吸引了新的投资者入场。长期正溢价形成了一二级市场间套利空间。机构们借入 BTC参与GBTC在一级市场的私募,获得GBTC份额,等待6个月后在二级市场卖出,然后再买入BTC还掉借款,GBTC溢价减去借贷利息便是利润部分。这个“空手套白狼”的零风险操作,仅需支付6个月的时间成本。除此之外,机构还可以直接现货买入BTC,入金获得GBTC份额,同时用期货开空套保。GBTC解锁后到二级市场卖出,期货平空,进行套利。GBTC的溢价与利息间的差价就是利润。因此坊间就有了“机构利用GBTC投机套利,有潜在砸盘风险”的说法。不少散户投资者听闻后,担心GBTC的溢价会对BTC现货价格造成影响,原因在于:如果海外投机需求支撑持续的溢价,灰度会不停增大比特币持仓量来保持平衡;一旦某天,溢价被逐渐磨平,套利空间缩水,投资者的入金需求大大降低,收不上来管理费的灰度就会减少持仓量,就增加了现货市场的抛压。对此,dForce 创始人杨民道认为,只要比特币价格整体走势向上,GBTC溢价为正,投资者就一直是赚钱的,除非币价下跌且 GBTC 溢价收窄为负,GBTC才会出现抛售压力,灰度的持仓量变少,进而影响比特币现货价格。更何况,GBTC一直溢价,也并不容易做空,“你的仓位不可能完全对冲,因为 GBTC 不会按照实际比特币交割给你。”根据灰度官方数据,2019年第二和第三季度的私募中,有超过70%的比例是客户用自己持有的BTC置换GBTC份额,剩下不到30%为现金入金。不过,根据观察,自GBTC溢价达到今年高点41.42%(2月18日数据)后,GBTC溢价便跌下30%,近期在10%—20%之间徘徊。随着套利者增多,GBTC的借贷费率已经到了13%,按照当前 21.65%的溢价计算,除去借贷费和利息费,机构投资者套利的空间也就在5%左右。相比于今年年初,机构套利空间已经大大缩水。而且,今年四月份有一批私募到期解锁,看上面的溢价表,今年四月份确实溢价有下降,但当月的现货价格却保持上涨。由此可见,GBTC 溢价的浮动短期内对比特币价格影响不大。发布于 2020-08-18 19:39金融​赞同 44​​7 条评论​分享​喜欢​收藏​申请转载​文章被以下专栏收录zt20

灰度图_百度百科

百度百科 网页新闻贴吧知道网盘图片视频地图文库资讯采购百科百度首页登录注册进入词条全站搜索帮助首页秒懂百科特色百科知识专题加入百科百科团队权威合作下载百科APP个人中心灰度图播报讨论上传视频灰阶图收藏查看我的收藏0有用+10灰度图,Gray Scale Image 或是Grey Scale Image,又称灰阶图。把白色与黑色之间按对数关系分为若干等级,称为灰度。灰度分为256阶。用灰度表示的图像称作灰度图。除了常见的卫星图像、航空照片外,许多地球物理观测数据也以灰度表示。中文名灰度图别    名灰阶图释    义用灰度表示的图像英    译Gray Scale Image、Grey Scale Image常见示例卫星图像、航空照片灰度分阶256阶目录1灰度图定义2Gamma校正3计算方法4彩色图像5制作方法灰度图定义播报编辑灰度图除了常见的卫星图像、航空照片外,许多地球物理观测数据也以灰度表示。以位场图像为例,把位场表示为灰度图,需要将位场观测值灰度量化,即将场的变化范围转换成256阶的灰度范围。由于位场的动态变化范围非常大,磁场可达数万个纳特,重力场也可能在数百个重力单位内变化,所以在显示为图像前通常需要对位场观测值进行拉伸或压缩。灰度图灰度图灰度图什么叫灰度图?任何颜色都由红、绿、蓝三原色组成,而灰度图只有一个通道,他有256个灰度等级,255代表全白,0表示全黑。在Windows操作系统中可以使用画图的颜色编辑功能,将红绿蓝三个通道的数值设定为相同值就可以看到其对应的灰度效果。假如原来某点的颜色为RGB(R,G,B),那么,我们可以通过下面几种方法,将其转换为灰度:Gamma校正播报编辑RGB值与功率并非简单的线性关系,而是幂函数关系,这个函数的指数称为Gamma值,一般为2.2,而这个换算过程,称为Gamma校正。为什么显示器要Gamma校正呢?因为人眼对亮度的感知和物理功率不成正比,而是幂函数的关系,这个函数的指数通常为2.2,称为Gamma值。打个比方,功率为50%的灰色,人眼实际感知亮度为而人眼认为的50%中灰色,实际功率为所以RGB中的灰度值,为了考虑到较小的存储范围(0~255)和较平衡的亮暗部比例,所以需要进行Gamma校正,而不是直接对应功率值,因此RGB值RGB颜色值不能简单直接相加,而是必须用2.2次方换算成物理光功率后才能进行下一步计算。这一点在下面的灰度计算公式中就有所体现。计算方法播报编辑任何颜色都由红、绿、蓝三基色组成,假如原来某点的颜色为RGB(R,G,B),那么,我们可以通过下面几种方法,将其转换为灰度:1.浮点法:Gray=R*0.3+G*0.59+B*0.112.整数法:Gray=(R*30+G*59+B*11)/1003.移位法:Gray =(R*77+G*151+B*28)>>8;4.平均值法:Gray=(R+G+B)/3;5.仅取绿色:Gray=G;以上五种老式算法计算值均有误差,这些方法对于Gamma校正的图片(平常所见到的24位真彩色图片均为Gamma校正的图片)并不适用。为什么呢?因为刚才说了,Gamma校正后的分量值不是物理上的功率,不能直接相加,因此,需要提出一种全新的,改进的算法来纠正这一问题。6.Gamma校正算法:注意这里的2.2次方和2.2次方根,RGB颜色值不能简单直接相加,而是必须用2.2次方换算成物理光功率。因为RGB值与功率并非简单的线性关系,而是幂函数关系,这个函数的指数称为Gamma值,一般为2.2,而这个换算过程,称为Gamma校正。求得Gray后,将原来的RGB(R,G,B)中的R,G,B统一用Gray替换,形成新的颜色RGB(Gray,Gray,Gray),用它替换原来的RGB(R,G,B)就是灰度图了。鉴于精确度的要求,在高质量图片处理中最好使用公式6进行计算,以保证准确度。彩色图像播报编辑彩色图像通常由几个叠加的彩色通道构成,每个通道代表给定通道的值。例如,RGB图像由三个独立的红色,绿色和蓝色原色分量组成。这里是一个完整的RGB彩色图像的颜色通道分裂的例子。左边的列显示了自然颜色的孤立的颜色通道,而右边则显示了它们的灰度等值。反过来也是可能的:从他们单独的灰度通道建立一个全彩色的图像。通过改变通道,使用偏移,旋转和其他操作,可以实现艺术效果,而不是准确地再现原始图像。来自3个灰度图的RGB的组成单通道灰度图是由单个像素点通过8位的灰度值(0-255)来表示。例如一幅500*500像素的单通道灰度图是由500X500=250000个不同灰度的像素点组成。制作方法播报编辑在photoshop cs4以及以上版本中,都也可以实现 [1]。方法:打开你所编辑的图片,依次打开图像,在选择模式,再择灰度。新手上路成长任务编辑入门编辑规则本人编辑我有疑问内容质疑在线客服官方贴吧意见反馈投诉建议举报不良信息未通过词条申诉投诉侵权信息封禁查询与解封©2024 Baidu 使用百度前必读 | 百科协议 | 隐私政策 | 百度百科合作平台 | 京ICP证030173号 京公网安备110000020000

opencv学习1-3——通道变换,灰度化grayscale,二值化thresholding。_open cv grayscale8-CSDN博客

>

opencv学习1-3——通道变换,灰度化grayscale,二值化thresholding。_open cv grayscale8-CSDN博客

opencv学习1-3——通道变换,灰度化grayscale,二值化thresholding。

最新推荐文章于 2023-06-04 14:50:00 发布

StarSky-yuan

最新推荐文章于 2023-06-04 14:50:00 发布

阅读量2.4k

收藏

3

点赞数

分类专栏:

opencv100问

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

本文链接:https://blog.csdn.net/yuan123890/article/details/107238610

版权

opencv100问

专栏收录该内容

10 篇文章

5 订阅

订阅专栏

入手opencv,最好的方法就是对应着程序进行学习是一个很好的方法,通过一些单个程序来了解图形处理的一些知识。这篇文章将介绍下面三个小任务。通道变换,灰度化,普通二值化。本文以C++版本进行代码介绍。

Q1:通道变换

一幅常规彩色的图像由BGR三通道组成,opencv提供cv::imread函数读取的彩色图像通道就是按照BGR的顺序进行排列的。opencv中也提供了模板类Vec,它可以表示一个向量。比如Vec3b可以表示一个8U的彩色图像,8U为8位无符号,除此之外Vec类定义了许多如下所示。

typedef Vec Vec2b;

typedef Vec Vec3b;

typedef Vec Vec4b;

typedef Vec Vec2s;

typedef Vec Vec3s;

typedef Vec Vec4s;

typedef Vec Vec2i;

typedef Vec Vec3i;

typedef Vec Vec4i;

typedef Vec Vec2f;

typedef Vec Vec3f;

typedef Vec Vec4f;

typedef Vec Vec6f;

typedef Vec Vec2d;

typedef Vec Vec3d;

typedef Vec Vec4d;

typedef Vec Vec6d;

例如:Vec3b color 定义一个8U的三通道彩色图像向量,那么有color[0],color[1],color[2],分别表示B,G,R三个通道的量,那么在程序表示时就要事先定义好一个零向量,用于通道变换赋值参量。代码行如下。三个参量分别为行,列和8位无符号三通道向量。

Mat out_img=Mat::zeros(imgrow,imgcol,CV_8UC3);

 通道变换也就是BGR三个通道量进行互换,在代码中的体现与数据的交换类似,不过这个是在opencv下的通道向量互换。图像是由每个向量元素共同组成的矩阵向量,图像的三通道每个通道中都有相应的像素点,通道的变换需要遍历每个像素点进行变换赋值,这里使用opencv的at()函数,它可以实现读取矩阵中的某个像素,或者对某个像素进行赋值操作。整体代码如下。

#include"opencv2/highgui/highgui.hpp"

#include

using namespace cv;

using namespace std;

Mat Channel_swap(Mat img){

int imgcol=img.cols;

int imgrow=img.rows;

Mat out_img=Mat::zeros(imgrow,imgcol,CV_8UC3);

for(int j=0;j

for(int i=0;i

out_img.at(j,i)[0] = img.at(j,i)[2]; //R->B

out_img.at(j,i)[2] = img.at(j,i)[0]; //B->R

out_img.at(j,i)[1] = img.at(j,i)[1]; //G->G

}

}

return out_img;

}

int main()

{

Mat img=imread("ck567.jpg",IMREAD_COLOR);

Mat out_img=Channel_swap(img);

imshow("sample",out_img);

waitKey(0);

destroyAllWindows();

return 0;

}

通道变换由函数Channel_swap实现,返回类型是Mat类型,该函数的作用就是对每个通道内的像素值进行遍历重新赋值,达到变换通道的目的。

效果如下

Q2:灰度化 

灰度化顾名思义就是将图片变为灰色,在opencv中可以用cvtColor函数将图像进行灰度化,但这里并不使用该函数,而是采用计算公式:Y = 0.2126*R + 0.7152* G + 0.0722* B,RGB分别为彩色图像的三通道。代码如下。

 

#include"iostream"

#include"opencv2/core/core.hpp"

#include"opencv2/highgui/highgui.hpp"

#include

using namespace cv;

using namespace std;

Mat BGR2GRAY(Mat img){

int imgcol=img.cols;

int imgrow=img.rows;

Mat out=Mat::zeros(imgrow,imgcol,CV_8UC1);

for(int j=0;j

for(int i=0;i

out.at(j,i)=0.2126*(float)img.at(j,i)[2]+0.7152*(float)img.at(j,i)[1]+0.0722*(float)img.at(j,i)[0];

}

}

return out;

}

void main(){

Mat img=imread("ck567.jpg",IMREAD_COLOR);

Mat out=BGR2GRAY(img);

imshow("sample",out);

waitKey(0);

destroyAllWindows();

}

这里则zeros函数构建的是8位无符号单通道矩阵,原因是灰度图像就是单通道图像。效果如下

Q3:二值化

二值化是指将图片变为只有黑色和白色的图像,一幅图像的通道值的范围是0~255,0表示黑色,255表示白色,图片中的像素值介于两者之间,因此呈现出具有不同颜色的彩图,二值化就是将图片中的这些值修改为非0即255的状态。在二值化中需要一个阈值进行判断哪些值指定为0,哪些值指定为255。阈值的不同结果的图像也不同,这就需要在应用的时候进行阈值调整。图像的二值化需要先灰度化处理再进行二值化处理。图像二值化的作用很大,可以提取出图像的信息,在图像处理的应用中必不可少。

#include"iostream"

#include"opencv2/core/core.hpp"

#include"opencv2/highgui/highgui.hpp"

#include

using namespace cv;

using namespace std;

Mat BGR2GRAY(Mat img){

int imgcol=img.cols;

int imgrow=img.rows;

Mat out=Mat::zeros(imgrow,imgcol,CV_8UC1);

for(int j=0;j

for(int i=0;i

out.at(j,i)=0.2126*(float)img.at(j,i)[2]+0.7152*(float)img.at(j,i)[1]+0.0722*(float)img.at(j,i)[0];

}

}

return out;

}

Mat Binaryzation(Mat grayimg,int threshold){

int grayimg_row = grayimg.rows;

int grayimg_col = grayimg.cols;

Mat out_img = Mat::zeros(grayimg_row,grayimg_col,CV_8UC1);

for(int j=0;j

for(int i=0;i

if(grayimg.at(j,i)>threshold){

out_img.at(j,i)=255;

}

else

out_img.at(j,i)=0;

}

}

return out_img;

}

void main(){

Mat img = imread("ck567.jpg",IMREAD_COLOR);

Mat gray = BGR2GRAY(img);

Mat out = Binaryzation(gray,180);

imshow("sample",out);

waitKey(0);

destroyAllWindows();

}

效果如下,阈值分别为128,60和180。

这是针对图像的每个像素进行修改达到二值化,opencv提供了cvThreshold()函数可以直接二值化操作。

 

 

优惠劵

StarSky-yuan

关注

关注

0

点赞

3

收藏

觉得还不错?

一键收藏

知道了

0

评论

opencv学习1-3——通道变换,灰度化grayscale,二值化thresholding。

入手opencv,最好的方法就是对应着程序进行学习是一个很好的方法,通过一些单个程序来了解图形处理的一些知识。这篇文章将介绍下面五个小任务。通道变换,灰度化,二值化,Otsu,HSV变换。本文以C++版本进行代码介绍。Q1:通道变换一幅常规彩色的图像由BGR三通道组成,opencv提供cv::imread函数读取的彩色图像通道就是按照BGR的顺序进行排列的。opencv中也提供了模板类Vec,它可以表示一个向量。比如Vec3b可以表示一个8U的彩色图像,8U为8位无符号,除此之外Vec类定义了许多如

复制链接

扫一扫

专栏目录

参与评论

您还未登录,请先

登录

后发表或查看评论

【opencv学习笔记 16图像二值化】代码详细注释

12-21

图像二值化 二值图像:只有黑和白 0 代表黑色 1 其实是255 代表白色 图像二值化的方法 全局阈值 局部阈值 OTSU Triangle 手动与自动 自适应阈值 相关代码 import cv2 as cv import numpy as np def threshold_demo...

Open CV常用API函数介绍——入门篇

qq_45102939的博客

09-10

847

1.1读入图像

retval=cv2.imread(文件名[,显示控制参数])

文件名:完整文件名

参数:cv.IMREAD_UNCHANGED 原图像读入

cv.IMREAD_GRAYSCALE 灰度图像读入

cv.IMREAD_COLOR BGR图像读入

1.2显示图像

cv2.imshow(窗口名,图像名)

cv2.waitKey([,delay])

delay: delay>0 等待delay毫秒

delay<...

C/C++开发,opencv读写图像函数详解

技术需要分享

06-04

6431

C/C++开发,opencv读写图像函数详解,给出如何读取不同图片格式及指定图片flag,如何将图像数据存储为不同图片格式及指定图片flag。

Open‐cv——图象的处理(膨胀,边缘检测,梯度,黑帽,算子)

qq_35447572的博客

01-21

2816

形态学-腐蚀操作:

当我们日常搜集图片的时候,我们找出的图片某些会带一些毛边,这些毛边影响了整体图片的效果,我们需要通过一些操作来消除这些毛边

如图所示,“迪哥”的字体边缘有一些毛毛的细线,我们需要通过一些操作来将这些西边去除,这就是——腐蚀操作

import cv2 #opencv读取的格式是BGR

import numpy as np

import matplotlib.pyplot as plt#Matplotlib是RGB

%matplotlib inline

img = cv2.imre

【OpenCV】 OpenCV 入门介绍 (OpenCV Introduction)

北境の守望者

09-22

722

Backto OpenCV Index

若未特殊注明, 本系列文章所用的 OpenCV 版本是 3.1.0.

OpenCV (Open Source Computer Vision Library: http://opencv.org) is an open-source BSD-licensed library that includes several hundreds of compu...

openCV第一篇

suic009的博客

08-02

4891

openCV第一章

opencv图像灰度化

花生日记

05-23

4101

4、具体操作如下: 1)首先将图像分成多个像素值相同的像素组,每一个像素组可以看成一个灰度值相同的灰度值为1的像素,例如在 image. palindrome库中,我们将图像分为了四个像素组: 其中每个像素组对应一个灰度变换函数,如上面代码所示。4、我们可以用 opencv来实现对图像灰度变换后得到灰度值的操作,下面就是用 opencv实现灰度化后得到灰度值对应到 RGB三个颜色通道上的代码: 5、然后使用 sobel函数将这些对应到三个不同色彩通道上的灰度值映射到 RGB颜色通道上。

基于opencv库把图像灰度化,二值化

m0_59719078的博客

03-14

1万+

1.在openCV中,通过cvtColor函数实现图像灰度化,格式为:

cv2.cvtColor(src,code[,dst[,dstCn]])

其中src表示输入的图像,没有默认值。

code表示颜色空间类型。

dst表示输出的图像,没有默认值。

dstCn表示目标图像数据通道数,没有默认值。

...

OpenCV图像处理----图像的二值化

热门推荐

bjsyc123456的博客

05-15

2万+

图像二值化( Image Binarization)就是将图像上的像素点的灰度值设置为0或255,也就是将整个图像呈现出明显的黑白效果的过程。

二值化的原理

import cv2

img = cv2.imread('img/lena.jpg')

# 转为灰度图

new_img = cv2.cvtColor(img, cv2.COLOR_BGR2GRAY)

height, width = new_img.shape[0:2]

# 设置阈值

thresh = 60

# 遍历每一个像素点

for row

Python+OpenCV图像处理——图像二值化的实现

12-16

简介:图像二值化就是将图像上的像素点的灰度值设置为0或255,也就是将整个图像呈现出明显的黑白效果的过程。 普通图像二值化 代码如下: import cv2 as cv import numpy as np #全局阈值 def threshold_demo(image...

OpenCV python摄像头灰度二值化 with实时阈值调整小工具

11-26

用TK写了个实时调整二值化阈值的小工具,让你能方便地调试二值化的灰度阈值

CV_HW_1.rar_opencv二值化

07-14

OpenCV 把视频二值化并打上版权标签输出,也可以启动摄像头处理实时图像,有详细注释

opencv学习4——HSV与RGB的转换

yuan123890的博客

07-13

3796

在进行HSV和RGB转换之前大致了解一下两者的区别。

HSV颜色模型是根据颜色的直观特征所创立的一种颜色模型,它的名字就代表了这个模型的三个参数H,S,V。模型为六棱锥,三个参数就在上面不同维度进行表示。模型如下。原图来源百度百科。前者是空间模型,后者是模型概念图

H(Hue):色调。采用角度表示,在模型中为棱锥的底面,因此范围就是0~360度,如图所示,不同的角度规定了不同的颜色。0度表示红色,每隔120度分别为绿色和蓝色,对应三基色RGB,他们两两之间又以60度为间隔加入互补色,由0度逆时针开始

opencv学习6-8——图像减色处理,平均池化,最大池化

yuan123890的博客

07-14

2386

减色处理就是将图片的256^3个色调变成4^3个色调,也就是将原来每个通道256个颜色级分成四个区间压缩到4个颜色级,这四个灰度级是给出的,分别是32,96,160,224。当然这个值可以更改,如何更改则根据不同的关系式得出不同的四个灰度级。以(32,96,160,224)为例,在程序中要满足下面的关系。

pix=32 (0

96 (64

160 (128

224

opencv学习14-16——差分滤波,Sobel滤波,Prewitt滤波

yuan123890的博客

07-25

1925

Q12:Motion滤波

motion滤波与均值滤波和中值滤波类似,均是采用窗口设计,计算窗口的中心值,区别就是中心值的方法不同,motion滤波是仅计算窗口矩阵的主对角线元素的均值,其他元素不参与计算,以3*3为例,如下所示。中心值就是(x1+x2+x3)/3,滤波后的图像每一个像素值都是由该像素点和邻域的窗口元素按照这种规则计算而来。

代码如下

#include"opencv2/core/core.hpp"

#include"opencv2/highgui/highgui.hpp"

#inc

opencv学习5——大律二值化(ostu)

yuan123890的博客

07-13

1600

opencv中有多种方法进行图像的二值化,前面的3中直接设置二值化的阈值,比较粗暴无脑,而且用人眼看的话根本看不出来最佳阈值,因此人为的设置阈值是一种很不科学不严谨的方法,在opencv中ostu二值化应用很多。它是二值化中的一种高效算法,如果不了解ostu这种经典的二值化法就不能说是学习过opencv。

算法原理

首先从原理说起,这个ostu并不是完成最终的图像二值化,而是计算出二值化最合理最优化的分割阈值,从而实现完美二值化。首先需要将图片分为前景和背景,也就是将图片处理为非黑即白的二值化,白色定为

java图片阈值二值化_OpenCV3 Java图像阈值和图像生成(Imgproc.threshold)

05-25

Java中使用OpenCV3进行图像阈值二值化可以使用Imgproc.threshold方法。该方法可用于将灰度图像转换为二值图像。以下是示例代码:

```

import org.opencv.core.Core;

import org.opencv.core.Mat;

import org.opencv.core.Scalar;

import org.opencv.imgcodecs.Imgcodecs;

import org.opencv.imgproc.Imgproc;

public class Thresholding {

public static void main(String[] args) {

System.loadLibrary(Core.NATIVE_LIBRARY_NAME);

Mat image = Imgcodecs.imread("path/to/image.jpg", Imgcodecs.IMREAD_GRAYSCALE);

Mat thresholded = new Mat();

Imgproc.threshold(image, thresholded, 128, 255, Imgproc.THRESH_BINARY);

Imgcodecs.imwrite("path/to/thresholded_image.jpg", thresholded);

}

}

```

在这个例子中,首先加载OpenCV库。然后使用Imgcodecs.imread方法读取图像并将其转换为灰度图像。接下来,使用Imgproc.threshold方法对图像进行二值化,将像素值大于阈值的像素设置为255,将像素值小于阈值的像素设置为0。最后,使用Imgcodecs.imwrite方法将阈值化图像保存到磁盘上。

值得注意的是,在Imgproc.threshold方法中,第三个参数是阈值,第四个参数是二值化后的像素值。如果要使用反转的二进制阈值化,则可以使用Imgproc.THRESH_BINARY_INV常量作为阈值类型。

希望这个例子能帮助你理解如何在Java中使用OpenCV3进行图像阈值二值化。

“相关推荐”对你有帮助么?

非常没帮助

没帮助

一般

有帮助

非常有帮助

提交

StarSky-yuan

CSDN认证博客专家

CSDN认证企业博客

码龄6年

暂无认证

28

原创

7万+

周排名

3万+

总排名

4万+

访问

等级

609

积分

35

粉丝

48

获赞

14

评论

230

收藏

私信

关注

热门文章

在虚拟机上安装树莓派系统

8264

linux下Makefile多个cpp和h文件编译运行

4860

opencv学习4——HSV与RGB的转换

3795

opencv——图片找不同

3176

opencv学习1-3——通道变换,灰度化grayscale,二值化thresholding。

2452

分类专栏

go

1篇

虚拟机&&Linux&&树莓派4B

10篇

opencv

3篇

opencv100问

10篇

QT

2篇

VC++

2篇

最新评论

Linux下生成动态库函数及调用简述

m0_50113087:

请教下,动态库头文件中函数名声明前不需要加extern吗,我理解给其他文件调用的函数需要加extern

opencv学习5——大律二值化(ostu)

虎虎同学:

博主您好,报错

threshold = i 未声明标识符

opencv2.4.9 + vs2010安装配置

Fighter07:

出现 (环境test.exe 中的 0x7763b922 处有未经处理的异常: Microsoft C++ 异常: 内存位置 0x002ff7ac 处的 cv::Exception。) 是怎么回事

opencv——图片找不同

Frank.liu628:

请问是那个函数?

在虚拟机上安装树莓派系统

Reyl:

系统安装时候显示there was a problem reading data from CD-ROM怎么办啊

您愿意向朋友推荐“博客详情页”吗?

强烈不推荐

不推荐

一般般

推荐

强烈推荐

提交

最新文章

go环境安装-基于vscode的Windows安装

Linux下makefile分析与编写

Linux下.sh案例分析

2024年1篇

2021年5篇

2020年22篇

目录

目录

分类专栏

go

1篇

虚拟机&&Linux&&树莓派4B

10篇

opencv

3篇

opencv100问

10篇

QT

2篇

VC++

2篇

目录

评论

被折叠的  条评论

为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

祝福语

请填写红包祝福语或标题

红包数量

红包个数最小为10个

红包总金额

红包金额最低5元

余额支付

当前余额3.43元

前往充值 >

需支付:10.00元

取消

确定

下一步

知道了

成就一亿技术人!

领取后你会自动成为博主和红包主的粉丝

规则

hope_wisdom 发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额

0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。 2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值

CSS3 filter(滤镜) 属性 | 菜鸟教程

CSS3 filter(滤镜) 属性 | 菜鸟教程

菜鸟教程 -- 学的不仅是技术,更是梦想!

首页

HTML

CSS

JavaScript

Vue

Bootstrap

NodeJS

Python3

Python2

Java

C

C++

C#

Go

SQL

Linux

jQuery

本地书签

首页

HTML

CSS

JS

本地书签

Search

Python3 教程

Python2 教程

Vue3 教程

vue2 教程

Bootstrap3 教程

Bootstrap4 教程

Bootstrap5 教程

Bootstrap2 教程

CSS 参考手册

CSS 参考手册

CSS 选择器

CSS 听觉参考手册

CSS Web安全字体

CSS 动画

CSS 函数

CSS 单位

CSS 颜色

CSS 合法颜色值

CSS 颜色名称

CSS 颜色十六进制值

CSS 浏览器支持

Sass 教程

CSS 属性

align-content

align-items

align-self

all

animation

animation-delay

animation-direction

animation-duration

animation-fill-mode

animation-iteration-count

animation-name

animation-play-state

animation-timing-function

appearance

backface-visibility

background

background-attachment

background-blend-mode

background-clip

background-color

background-image

background-origin

background-position

background-repeat

background-size

border

border-bottom

border-bottom-color

border-bottom-left-radius

border-bottom-right-radius

border-bottom-style

border-bottom-width

border-collapse

border-color

border-image

border-image-outset

border-image-repeat

border-image-slice

border-image-source

border-image-width

border-left

border-left-color

border-left-style

border-left-width

border-radius

border-right

border-right-color

border-right-style

border-right-width

border-spacing

border-style

border-top

border-top-color

border-top-left-radius

border-top-right-radius

border-top-style

border-top-width

border-width

bottom

box-align

box-direction

box-flex

box-flex-group

box-lines

box-ordinal-group

box-orient

box-pack

box-shadow

box-sizing

caption-side

clear

clip

color

column-count

column-fill

column-gap

column-rule

column-rule-color

column-rule-style

column-rule-width

column-span

column-width

columns

content

counter-increment

counter-reset

cursor

direction

display

empty-cells

filter

flex

flex-basis

flex-direction

flex-flow

flex-grow

flex-shrink

flex-wrap

float

font

@font-face

font-family

font-size

font-size-adjust

font-stretch

font-style

font-variant

font-weight

@import

grid-rows

hanging-punctuation

height

icon

justify-content

@keyframes

left

letter-spacing

line-height

list-style

list-style-image

list-style-position

list-style-type

margin

margin-bottom

margin-left

margin-right

margin-top

max-height

max-width

@media

min-height

min-width

mix-blend-mode

object-fit

object-position

nav-down

nav-index

nav-left

nav-right

nav-up

opacity

order

outline

outline-color

outline-offset

outline-style

outline-width

overflow

overflow-x

overflow-y

padding

padding-bottom

padding-left

padding-right

padding-top

page-break-after

page-break-before

page-break-inside

perspective

perspective-origin

position

punctuation-trim

quotes

resize

right

rotation

tab-size

table-layout

target

target-name

target-new

target-position

text-align

text-align-last

text-decoration

text-decoration-color

text-decoration-line

text-decoration-style

text-indent

text-justify

text-outline

text-overflow

text-shadow

text-transform

text-wrap

top

transform

transform-origin

transform-style

transition

transition-delay

transition-duration

transition-property

transition-timing-function

unicode-bidi

vertical-align

visibility

white-space

width

word-break

word-spacing

word-wrap

z-index

writing-mode

gird

gap

row-gap

grid-area

grid-auto-columns

grid-auto-rows

grid-auto-flow

grid-column

grid-column-start

grid-column-end

grid-column-gap

grid-gap

grid-row-gap

grid-row-end

grid-row-start

grid-template

grid-template-areas

grid-template-columns

grid-template-rows

grid-row

@charset

clip-path

pointer-events

backdrop-filte

CSS all 属性

CSS background-blend-mode 属性

CSS3 filter(滤镜) 属性

实例

修改所有图片的颜色为黑白 (100% 灰度):

img {    -webkit-filter: grayscale(100%); /* Chrome, Safari,

Opera */   

filter: grayscale(100%);}

尝试一下 »

定义和使用

filter 属性定义了元素(通常是)的可视效果(例如:模糊与饱和度)。

默认值:

none

继承:

no

动画支持:

是。详细可查阅 CSS 动画

版本:

CSS3

JavaScript 语法:

object.style.WebkitFilter="grayscale(100%)"

尝试一下 »

浏览器支持

表格中的数字表示支持该方法的第一个浏览器的版本号。

紧跟在数字后面的 -webkit- 为指定浏览器的前缀。

属性

filter

18.0 -webkit-

13.0

35.0

6.0 -webkit-

15.0 -webkit-

注意: 旧版 Internet Explorer 浏览器(4.0 to 8.0) 支持的非标准 "filter" 属性已被废弃。 IE8 及更低版本浏览器通常使用 opacity 属性。

CSS 语法

filter: none | blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia() | url();

提示: 使用空格分隔多个滤镜。

Filter 函数

注意: 滤镜通常使用百分比 (如:75%), 当然也可以使用小数来表示 (如:0.75)。

Filter 描述 none 默认值,没有效果。 blur(px) 给图像设置高斯模糊。"radius"一值设定高斯函数的标准差,或者是屏幕上以多少像素融在一起, 所以值越大越模糊;如果没有设定值,则默认是0;这个参数可设置css长度值,但不接受百分比值。 brightness(%) 给图片应用一种线性乘法,使其看起来更亮或更暗。如果值是0%,图像会全黑。值是100%,则图像无变化。其他的值对应线性乘数效果。值超过100%也是可以的,图像会比原来更亮。如果没有设定值,默认是1。 contrast(%) 调整图像的对比度。值是0%的话,图像会全黑。值是100%,图像不变。值可以超过100%,意味着会运用更低的对比。若没有设置值,默认是1。 drop-shadow(h-shadow v-shadow blur spread color) 给图像设置一个阴影效果。阴影是合成在图像下面,可以有模糊度的,可以以特定颜色画出的遮罩图的偏移版本。 函数接受(在CSS3背景中定义)类型的值,除了"inset"关键字是不允许的。该函数与已有的box-shadow box-shadow属性很相似;不同之处在于,通过滤镜,一些浏览器为了更好的性能会提供硬件加速。参数如下: (必须) 这是设置阴影偏移量的两个 值.  设定水平方向距离. 负值会使阴影出现在元素左边. 设定垂直距离.负值会使阴影出现在元素上方。查看可能的单位. 如果两个值都是0, 则阴影出现在元素正后面 (如果设置了  and/or ,会有模糊效果). (可选) 这是第三个code>值. 值越大,越模糊,则阴影会变得更大更淡.不允许负值 若未设定,默认是0 (则阴影的边界很锐利). (可选) 这是第四个 值. 正值会使阴影扩张和变大,负值会是阴影缩小.若未设定,默认是0 (阴影会与元素一样大小).  注意: Webkit, 以及一些其他浏览器 不支持第四个长度,如果加了也不会渲染。   (可选) 查看 该值可能的关键字和标记。若未设定,颜色值基于浏览器。在Gecko (Firefox), Presto (Opera)和Trident (Internet Explorer)中, 会应用colorcolor属性的值。另外, 如果颜色值省略,WebKit中阴影是透明的。 grayscale(%) 将图像转换为灰度图像。值定义转换的比例。值为100%则完全转为灰度图像,值为0%图像无变化。值在0%到100%之间,则是效果的线性乘子。若未设置,值默认是0; hue-rotate(deg) 给图像应用色相旋转。"angle"一值设定图像会被调整的色环角度值。值为0deg,则图像无变化。若值未设置,默认值是0deg。该值虽然没有最大值,超过360deg的值相当于又绕一圈。 invert(%) 反转输入图像。值定义转换的比例。100%的价值是完全反转。值为0%则图像无变化。值在0%和100%之间,则是效果的线性乘子。 若值未设置,值默认是0。 opacity(%) 转化图像的透明程度。值定义转换的比例。值为0%则是完全透明,值为100%则图像无变化。值在0%和100%之间,则是效果的线性乘子,也相当于图像样本乘以数量。 若值未设置,值默认是1。该函数与已有的opacity属性很相似,不同之处在于通过filter,一些浏览器为了提升性能会提供硬件加速。 saturate(%) 转换图像饱和度。值定义转换的比例。值为0%则是完全不饱和,值为100%则图像无变化。其他值,则是效果的线性乘子。超过100%的值是允许的,则有更高的饱和度。 若值未设置,值默认是1。 sepia(%) 将图像转换为深褐色。值定义转换的比例。值为100%则完全是深褐色的,值为0%图像无变化。值在0%到100%之间,则是效果的线性乘子。若未设置,值默认是0; url() URL函数接受一个XML文件,该文件设置了 一个SVG滤镜,且可以包含一个锚点来指定一个具体的滤镜元素。 例如: filter: url(svg-url#element-id) initial 设置属性为默认值,可参阅: CSS initial 关键字 inherit 从父元素继承该属性,可参阅:CSS inherit 关键字

更多实例

模糊实例

图片使用高斯模糊效果:

img {    -webkit-filter: blur(5px); /* Chrome, Safari,

Opera */   

filter: blur(5px);}

尝试一下 »

Brightness 函数实例

使图片变亮:

img {    -webkit-filter: brightness(200%); /* Chrome, Safari,

Opera */   

filter: brightness(200%);}

尝试一下 »

Contrast 函数实例

调整图像的对比度:

img {    -webkit-filter: contrast(200%); /* Chrome, Safari,

Opera */   

filter: contrast(200%);}

尝试一下 »

drop-shadow 函数实例

给图像设置一个阴影效果:

img {    -webkit-filter: drop-shadow(8px 8px 10px red); /* Chrome, Safari,

Opera */    filter: drop-shadow(8px 8px 10px red);}

尝试一下 »

Grayscale 函数实例

将图像转换为灰度图像:

img {    -webkit-filter: grayscale(50%); /* Chrome, Safari,

Opera */   

filter: grayscale(50%);}

尝试一下 »

hue-rotate() 函数实例

给图像应用色相旋转:

img {    -webkit-filter: hue-rotate(90deg); /* Chrome, Safari,

Opera */   

filter: hue-rotate(90deg);}

尝试一下 »

Invert 函数实例

反转输入图像:

img {    -webkit-filter: invert(100%); /* Chrome, Safari,

Opera */   

filter: invert(100%);}

尝试一下 »

Opacity 函数实例

转化图像的透明程度:

img {    -webkit-filter: opacity(30%); /* Chrome, Safari,

Opera */   

filter: opacity(30%);}

尝试一下 »

Saturate 函数实例

转换图像饱和度:

img {    -webkit-filter: saturate(800%); /* Chrome, Safari,

Opera */   

filter: saturate(800%);}

尝试一下 »

Sepia 函数实例

将图像转换为深褐色:

img {    -webkit-filter: sepia(100%); /* Chrome, Safari,

Opera */   

filter: sepia(100%);}

尝试一下 »

复合函数

使用多个滤镜,每个滤镜使用空格分隔。

注意: 顺序是非常重要的 (例如使用 grayscale() 后再使用

sepia()将产生一个完整的灰度图片)。

img {    -webkit-filter: contrast(200%) brightness(150%);  /* Chrome, Safari,

Opera */   

filter: contrast(200%) brightness(150%);}

尝试一下 »

所有滤镜实例

以下实例演示了所有滤镜的使用方法:

.blur {    -webkit-filter: blur(4px);    filter: blur(4px);}.brightness {    -webkit-filter:

brightness(0.30);    filter: brightness(0.30);}.contrast {    -webkit-filter:

contrast(180%);    filter: contrast(180%);}.grayscale {    -webkit-filter:

grayscale(100%);    filter: grayscale(100%);}.huerotate {    -webkit-filter:

hue-rotate(180deg);    filter: hue-rotate(180deg);}.invert {    -webkit-filter:

invert(100%);    filter: invert(100%);}.opacity {    -webkit-filter:

opacity(50%);    filter: opacity(50%);}.saturate {    -webkit-filter:

saturate(7);    filter: saturate(7);}.sepia {    -webkit-filter:

sepia(100%);    filter: sepia(100%);}.shadow {    -webkit-filter:

drop-shadow(8px 8px 10px green);    filter: drop-shadow(8px 8px 10px green);}

尝试一下 »

相关文章

HTML DOM 参考手册: Style filter 属性

CSS all 属性

CSS background-blend-mode 属性

点我分享笔记

取消

分享笔记

昵称昵称 (必填)

邮箱邮箱 (必填)

引用地址引用地址

分类导航

HTML / CSSHTML 教程HTML5 教程CSS 教程CSS3 教程Bootstrap3 教程Bootstrap4 教程Bootstrap5 教程Font Awesome 教程Foundation 教程 JavaScriptJavaScript 教程HTML DOM 教程jQuery 教程AngularJS 教程AngularJS2 教程Vue.js 教程Vue3 教程React 教程TypeScript 教程jQuery UI 教程jQuery EasyUI 教程Node.js 教程AJAX 教程JSON 教程Echarts 教程Chart.js 教程Highcharts 教程Google 地图 教程 服务端Python 教程Python2.x 教程Linux 教程Docker 教程Ruby 教程Java 教程C 教程C++ 教程Perl 教程Servlet 教程JSP 教程Lua 教程Rust 教程Scala 教程Go 教程PHP 教程数据结构与算法Django 教程FastAPI 教程Zookeeper 教程设计模式正则表达式Maven 教程Verilog 教程ASP 教程AppML 教程VBScript 教程 数据库SQL 教程MySQL 教程PostgreSQL 教程SQLite 教程MongoDB 教程Redis 教程Memcached 教程 数据分析Python 教程NumPy 教程Pandas 教程Matplotlib 教程Scipy 教程R 教程Julia 教程 移动端Android 教程Swift 教程jQuery Mobile 教程ionic 教程Kotlin 教程 XML 教程XML 教程DTD 教程XML DOM 教程XSLT 教程XPath 教程XQuery 教程XLink 教程XPointer 教程XML Schema 教程XSL-FO 教程SVG 教程 ASP.NETASP.NET 教程C# 教程Web Pages 教程Razor 教程MVC 教程Web Forms 教程 Web ServiceWeb Service 教程WSDL 教程SOAP 教程RSS 教程RDF 教程 开发工具Eclipse 教程Git 教程Svn 教程Markdown 教程 网站建设HTTP 教程网站建设指南浏览器信息网站主机教程TCP/IP 教程W3C 教程网站品质

Advertisement

反馈/建议

在线实例

·HTML 实例

·CSS 实例

·JavaScript 实例

·Ajax 实例

·jQuery 实例

·XML 实例

·Java 实例

字符集&工具

· HTML 字符集设置

· HTML ASCII 字符集

· JS 混淆/加密

· PNG/JPEG 图片压缩

· HTML 拾色器

· JSON 格式化工具

· 随机数生成器

最新更新

·

Rust 宏

·

Seaborn 教程

·

Pandas 相关性分析

·

31.2k star, 免...

·

Dev Home —...

·

免费开源的 AI ...

·

11.2k star, 免...

站点信息

·

意见反馈

·

免责声明

·

关于我们

·

文章归档

关注微信

Copyright © 2013-2024 菜鸟教程 

runoob.com All Rights Reserved. 备案号:闽ICP备15012807号-1

微信关注

图像灰度与灰阶的纠结:gray level/scale译文释义_gray level intensity values-CSDN博客

>

图像灰度与灰阶的纠结:gray level/scale译文释义_gray level intensity values-CSDN博客

图像灰度与灰阶的纠结:gray level/scale译文释义

最新推荐文章于 2023-09-20 20:33:03 发布

LaoYuanPython

最新推荐文章于 2023-09-20 20:33:03 发布

阅读量1.8w

收藏

18

点赞数

29

分类专栏:

老猿Python

原力计划文章

图像处理基础知识

文章标签:

opencv

图形图像处理

python

数字图像处理

灰度

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

本文链接:https://blog.csdn.net/LaoYuanPython/article/details/116545233

版权

老猿Python

同时被 3 个专栏收录

1112 篇文章

644 订阅

订阅专栏

图像处理基础知识

45 篇文章

106 订阅

订阅专栏

原力计划文章

20 篇文章

3 订阅

订阅专栏

☞ ░ 前往老猿Python博文目录 https://blog.csdn.net/LaoYuanPython ░

一、引言

进行图像处理的人,对灰度一词一定非常熟悉,老猿以前没接触过图像基础知识,数学知识基本上也都忘光了,因此在自学OpenCV-Python过程中遇到了很多困难。

为了弥补基础知识的不足,特地下载了冈萨雷斯(Rafael C. Gonzalez)编著的《数字图像处理》(Digital Image Processing)第三版的中文译本和英文原本电子书对照学习,目前才看了两章。

在才开始学习时,发现英文的“gray level”和“gray scale”在中文版中不同部分翻译不同,有的叫“gray level”为“灰度级”、有的称为“灰度”,“gray scale”同样如此。那到底谁是灰度?二者怎么翻译才比较精准?分别代表什么含义?

二、百度翻译比对

从字面意思来看,老猿感觉“gray level”翻译成“灰阶”、“gray scale”翻译成灰度比较好,不过我们先来参考百度翻译的结果看看: 可以看到二者在百度翻译里都可以翻译为:“灰度”、“灰阶”、“灰度级”,可见百度翻译在此上没有什么帮助。

另外借助百度词条,“灰度”、“灰阶”、“灰度级”都可以找到,但看了之后发现这三个词的词条虽然都与图像有关,但并不都是针对数字图像的,还是让人一片混沌。

三、《数字图像处理》有关内容

为了澄清疑问,正本清源,老猿又对照《数字图像处理》中英文两个版本前两章有关内容仔细阅读了几遍,终于得到了解答。为了说明问题,在此将有关内容的中文版本和英文版本对照列出:

3.1、关于数字图像的定义

中文版:

中文版为图像版本,不能拷贝文字,就直接贴图:

英文版本:

An image may be defined as a two-dimensional function, f(x,y), where x and y are spatial (plane) coordinates, and the amplitude of f at any pair of coordinates (x, y) is called the intensity or gray level of the image at that point.

可以看到,英文版的“gray level”在此被翻译为了灰度,结合英文原文可以看到“gray level”强调的是数字图像在某点的图像幅度值。

3.2、关于单色光的定义

中文版:

英文版本:

Light that is void of color is called monochromatic (or achromatic) light. The only attribute of monochromatic light is its intensity or amount. Because the intensity of monochromatic light is perceived to vary from black to grays and finally to white, the term gray level is used commonly to denote monochromatic intensity.

We use the terms intensity and gray level interchangeably in subsequent discussions. The range of measured values of monochromatic light from black to white is usually called the gray scale, and monochromatic images are frequently referred to as gray-scale images.

可以看到“gray level”在中文版本被翻译成了“灰度级”,是表示某单色光的强度,强调的是某特定光的强度值。但“gray scale”在此也被翻译成了灰度级,但通过英文版本可以看出,“gray scale”强调的是从黑色到白色所有强度值的范围。另外可以看到“gray-scale images”就是常说的“灰度图”,通过百度翻译中译英发现也是如此。

3.3、结论

根据以上两处中译文内容的对照,可以看到“gray level”强调的是某个值,而“gray scale”强调的是“gray level”的取值范围,“灰度图”是“gray-scale images”,因此老猿觉得“gray scale”应该翻译成“灰度”,而“gray level”翻译成“灰度级”或“灰阶”或“灰度值”比较好。

可以看到《数字图像处理》中译本对此的处理明显有问题,所以对这种翻译资料,能看外文原版最好,如果实在不行就中文、外文对照看也不错。

但是如果结合其他英文词语构成的其他术语,翻译可能会有所不同。下面是部分术语翻译举例:

gray scale ct image: 灰度计算机断层影像gray level distribution :灰度分布gray level resolution:灰度分辨率gray level thresholding: 灰度阈值化gray level transformation: 灰度变换gray-level histogram: 灰度分布图gray-level mapping: 灰度映射gray-level mask: 灰度掩膜gray-level quantization: 灰度量化

四、小结

本节针对图像“灰度”、“灰阶”、“灰度级”等术语以及英文原词“gray level”和“gray scale”的翻译对应关系以及含义进行了分析,明确了灰度相关的概念。

写博不易,敬请支持:

如果阅读本文于您有所获,敬请点赞、评论、收藏,谢谢大家的支持!

关于老猿的付费专栏

付费专栏《https://blog.csdn.net/laoyuanpython/category_9607725.html 使用PyQt开发图形界面Python应用》专门介绍基于Python的PyQt图形界面开发基础教程,对应文章目录为《 https://blog.csdn.net/LaoYuanPython/article/details/107580932 使用PyQt开发图形界面Python应用专栏目录》;付费专栏《https://blog.csdn.net/laoyuanpython/category_10232926.html moviepy音视频开发专栏 )详细介绍moviepy音视频剪辑合成处理的类相关方法及使用相关方法进行相关剪辑合成场景的处理,对应文章目录为《https://blog.csdn.net/LaoYuanPython/article/details/107574583 moviepy音视频开发专栏文章目录》;付费专栏《https://blog.csdn.net/laoyuanpython/category_10581071.html OpenCV-Python初学者疑难问题集》为《https://blog.csdn.net/laoyuanpython/category_9979286.html OpenCV-Python图形图像处理 》的伴生专栏,是笔者对OpenCV-Python图形图像处理学习中遇到的一些问题个人感悟的整合,相关资料基本上都是老猿反复研究的成果,有助于OpenCV-Python初学者比较深入地理解OpenCV,对应文章目录为《https://blog.csdn.net/LaoYuanPython/article/details/109713407 OpenCV-Python初学者疑难问题集专栏目录 》付费专栏《https://blog.csdn.net/laoyuanpython/category_10762553.html Python爬虫入门 》站在一个互联网前端开发小白的角度介绍爬虫开发应知应会内容,包括爬虫入门的基础知识,以及爬取CSDN文章信息、博主信息、给文章点赞、评论等实战内容。

前两个专栏都适合有一定Python基础但无相关知识的小白读者学习,第三个专栏请大家结合《https://blog.csdn.net/laoyuanpython/category_9979286.html OpenCV-Python图形图像处理 》的学习使用。

对于缺乏Python基础的同仁,可以通过老猿的免费专栏《https://blog.csdn.net/laoyuanpython/category_9831699.html 专栏:Python基础教程目录)从零开始学习Python。

如果有兴趣也愿意支持老猿的读者,欢迎购买付费专栏。

如对文章内容存在疑问,可在博客评论区留言,或关注:老猿Python 微信公号发消息咨询。

老猿Python,跟老猿学Python!

☞ ░ 前往老猿Python博文目录 https://blog.csdn.net/LaoYuanPython ░

优惠劵

LaoYuanPython

关注

关注

29

点赞

18

收藏

觉得还不错?

一键收藏

打赏

知道了

32

评论

图像灰度与灰阶的纠结:gray level/scale译文释义

本节针对图像“灰度”、“灰阶”、“灰度级”等术语以及英文原词“gray level”和“gray scale”的翻译对应关系以及含义进行了分析,明确了灰度相关的概念。

复制链接

扫一扫

专栏目录

彩色图片变成256级灰阶图片的代码

12-22

彩色图片变成256级灰阶图片的代码,很有帮助的,

中文LM160128A-ST7529-32阶灰度控制说明书.

01-15

中文LM160128A-ST7529-32阶灰度控制说明书,很详细,里面有基本的函数可以参考,很容易上手

32 条评论

您还未登录,请先

登录

后发表或查看评论

灰度、灰度级、分辨率、像素值 概念解析

CSer

05-09

1万+

​1、像素点

像素点是最小的图像单元,一张图片由好多的像素点组成。如下图

     

  

可以看到上述图片尺寸是500 * 338 的,表示图片是由一个500 * 338的像素点矩阵构成的,这张图片的宽度是500个像素点的长度,高度是338个像素点的长度,共有500 * 338 = 149000个像素点。 

2、像素

把鼠标放在一个...

LabVIEW灰度图像操作与运算:图像平均降噪

04-27

项目请参见:https://handsome-man.blog.csdn.net/article/details/116427984

图像加法运算最常见的用途是实现图像的叠加功能。利用此功能,可以将不同图像中的目标合并到同一图像中。图像和一个常量相加可以提高图像的整体亮度。此外,利用图像相加运算可以实现图像的空间滤波功能。具体来说,可以对同一场景的多幅图像求平均,以便有效地降低加性(additive)随机噪声。对于经过长距离模拟通信方式传送的图像(如航天器传回的星际图像),这种处理必不可少。

项目可直接运行~

LabVIEW灰度图像操作与运算:3D可视化

04-27

项目请参见:https://handsome-man.blog.csdn.net/article/details/116427984

Nl Vision还提供了一个以3D方式显示灰度图像数据的图像显示函数IMAQ 3DView VI。

项目可直接运行~

LabVIEW灰度图像操作与运算:图像缩小放大

04-25

项目请参见:https://handsome-man.blog.csdn.net/article/details/116427984

使用IMAQ Resample、IMAQ Expand和IMAQ Extract 2实现图像缩放功能。

工程可直接运行~

【图像处理】灰度图(Gray Scale Image)

kerecs的博客

04-30

5742

某点的颜色为RGB(R,G,B),则:

  1.浮点算法:Gray=R*0.3+G*0.59+B*0.11

  2.整数方法:Gray=(R*30+G*59+B*11)/100

  3.移位方法:Gray =(R*76+G*151+B*28)>>8;

  4.平均值法:Gray=(R+G+B)/3;

  5.仅取绿色:Gray=G;

  任意方法计算得Gray后,替换原来的RGB(R,G

灰度、亮度、对比度、饱和度

chuanqitangyuan的博客

07-03

1万+

1.灰度:图像中有黑色,白色,在黑色中加入白色就得到灰色;

2.灰度值:图像像素中有R、G、B三个值。使图像像素的R=G=B时,得到灰度图像,对应的值叫灰度值。例如(R=G=B=255为白色,R=G=B=0为黑色,0

3.亮度:画面的明亮程度。计算公式:bright = 0.299 * R + 0.587 * G + 0.114 *B。由此可知,对于灰度图像:bright=R=G=B,即亮度=灰度值;

4.对比度:一幅图像中,最亮的白和最暗的黑之间,亮度

LabVIEW灰度图像操作与运算:图像对称变换

04-27

项目请参见:https://handsome-man.blog.csdn.net/article/details/116427984

Nl Vision使用IMAQ Symmetry实现各种类型的图像对称变换。开发人员只需根据需要选择对称变换的类型,而无须关心各种矩阵计算的细节,即可得到想要的结果。需要注意的是,主次对角线对称操作仅适用于长、宽相等的图像。

项目可直接运行~

LabVIEW灰度图像操作与运算:人体骨骼图像增强

04-27

项目请参见:https://handsome-man.blog.csdn.net/article/details/116427984

使用乘法运算增强人体骨骼图像,原图像中的人体骨骼很难看清,有必要将图像和一个常量相乘以扩展其灰度级,从而增强图像的亮度和对比度。

项目可直接运行~

数字图像处理第三版(冈萨雷斯)——第一章绪论

痕中光

05-13

560

一、主要目的

改善图示信息以便人们解释。(improvement of pictorial information for human interpretation)

为存储、传输和表示而对图像数据进行处理,以便于机器自动理解。(processing of image data for storage, transmission, and representation for autonomous machine perception.)

二、关于什么是数字图像处理的几个重要概念

2.1 强度或灰度:

数字图像处理(第三版,Rafeal C. Gonzalez, Richard E. Woods)--基础

qq_34707209的博客

08-02

725

图像处理

图像分析

计算机视觉

低级

中级

高级

降噪对比度增强锐化

分割,边缘,标志等

人工智能视觉认知

图像 = f(图像)

特征 = f(图像)

认知 = f(特征)

人的直觉和分析在选择技工具术时起到核心作用,这种选择通常基于主观的视觉判断!

...

关于灰度图像的灰阶

【石】黑水晶

09-23

6330

什么是灰度图像

http://baike.baidu.com/view/1549178.htm

什么是灰阶

通常来说,液晶屏幕上人们肉眼所见的一个点,即一个像素,它是由红、绿、蓝(RGB)三个子像素组成的。每一个子像素,其背后的光源都可以显现出不同的亮度级别。而灰阶代表了由最暗到最亮之间不同亮度的层次级别。这中间层级越多,所能够呈现的画面效果也就越细腻。以8bit panel为例,能表现

灰度、灰度级、分辨率、像素值;

热门推荐

Strive_0902的博客

09-18

7万+

​1、像素点

像素点是最小的图像单元,一张图片由好多的像素点组成。如下图

     

  

可以看到上述图片尺寸是500 * 338 的,表示图片是由一个500 * 338的像素点矩阵构成的,这张图片的宽度是500个像素点的长度,高度是338个像素点的长度,共有500 * 338 = 149000个像素点。 

2、像素

把鼠标放在一个图片上,这个时候会显示尺寸和大小,这里的尺寸就是像素...

图像处理(Image Processing) ---------- 灰阶位图分割 (bit-plane slicing)(浮水印)(C#实现)

英俊强健的博客

12-26

8230

灰阶图像,通常每个Pixel是由8个bit构成,即有256种变化。然而每个Pixel的8个bit,从最高位到最低位携带的信息量是逐渐递减的。可以看下面几幅图:

    右边是原图,下面就是将灰阶图每一个pixel的8bit分别取出,然后构成的8个平面,从右到左是0bit - 7bit 。可以看出越高位的位图携带原图的信息量越多、特征越多,甚至最后几张位图看上去就像杂讯。所以,其实最后几个位图...

图像灰度级

最新发布

weixin_63761617的博客

09-20

520

而在灰度级为0-255的情况下,灰度的范围更广,可以更好地呈现图像的细节和亮度变化。需要注意的是,在不同的应用场景中,不同的灰度级表示方式可能会有不同的效果。例如,对于某些特定的图像处理应用,归一化的灰度级表示方式可能更加适合,而在其他情况下使用0-255的灰度级表示方式则更好。而在灰度级为0到255的情况下,通常指图像像素值的范围从0到255,其中0代表黑色,255代表白色。在灰度级为0到1的情况下,通常指的是图像像素值范围从0到1,其中0代表黑色,1代表白色。

图像滤波基础知识:图像与波的关系以及图像噪声知识

老猿Python

06-14

4万+

本节介绍了图像处理中图像与波的关系,由于图像灰度值或通道值在各位置的值联合起来看象波,同时数字图像的成像的辐射源也是各种波,因此图像处理和波关系密切,滤波处理其实就是对图像的各像素的灰度值或通道值幅度的处理。

图像采集、传输和量化过程中会产生各种噪声,图像噪声是指存在于图像数据中的不必要的或多余的干扰信息。图像噪声的有多种分类方法,在不同处理中会用到不同分类方法。

图像表示的相关概念:图像深度、像素深度、位深的区别和关系

老猿Python

11-09

1万+

本文介绍了图像深度、像素深度、位深的概念,图像深度是指表示图像的像素中有多少位用于表示颜色,像素深度是指图像中一个像素占用的位数,位深是指像素的通道占用的位数。像素深度大于等于图像深度,等于所有通道位深的和。

求能用python实现基于概率分布的超声图像与自然图像性质差异分析这一课题的完整详细代码,其中超声图像所在的文件夹路径是'D:/zzz/us5',自然图像所在的文件夹路径是'D:/zzz/na4',两种图像的类型都是jpg,两种图像都有84张,两种图像的形状都相同,需要得出以下结论:超声图像与自然图像的像素值分布存在显著差异,超声图像的分布更倾向于集中在低灰度值区域,而自然图像则更倾向于分布在中高灰度值区域

05-25

首先,我们需要导入必要的库,包括numpy、matplotlib和opencv-python:

```python

import numpy as np

import matplotlib.pyplot as plt

import cv2

```

接下来,我们定义一个函数来计算图像的灰度直方图,以及一个函数来绘制灰度直方图:

```python

def calc_hist(image):

hist = cv2.calcHist([image], [0], None, [256], [0, 256])

hist = hist.flatten()

return hist

def plot_hist(hist, title):

plt.plot(hist)

plt.title(title)

plt.xlabel("灰度值")

plt.ylabel("像素数")

plt.xlim([0, 256])

plt.show()

```

然后,我们可以定义一个函数来加载图像,并计算其灰度直方图:

```python

def load_image(path):

image = cv2.imread(path)

gray = cv2.cvtColor(image, cv2.COLOR_BGR2GRAY)

hist = calc_hist(gray)

return hist

```

接下来,我们可以加载所有的超声图像和自然图像,并计算它们的灰度直方图:

```python

us_hists = []

na_hists = []

for i in range(1, 85):

us_path = f"D:/zzz/us5/{i}.jpg"

na_path = f"D:/zzz/na4/{i}.jpg"

us_hist = load_image(us_path)

na_hist = load_image(na_path)

us_hists.append(us_hist)

na_hists.append(na_hist)

```

最后,我们可以计算所有超声图像和自然图像的灰度直方图的平均值,并绘制它们的比较图:

```python

us_hists = np.array(us_hists)

na_hists = np.array(na_hists)

us_mean_hist = np.mean(us_hists, axis=0)

na_mean_hist = np.mean(na_hists, axis=0)

plot_hist(us_mean_hist, "超声图像灰度直方图平均值")

plot_hist(na_mean_hist, "自然图像灰度直方图平均值")

```

这样,我们就可以得出结论:超声图像的分布更倾向于集中在低灰度值区域,而自然图像则更倾向于分布在中高灰度值区域。

“相关推荐”对你有帮助么?

非常没帮助

没帮助

一般

有帮助

非常有帮助

提交

LaoYuanPython

CSDN认证博客专家

CSDN认证企业博客

码龄5年

2020年博客之星Top3

1266

原创

578

周排名

42

总排名

482万+

访问

等级

7万+

积分

13万+

粉丝

8282

获赞

4203

评论

1万+

收藏

私信

关注

热门文章

一文带你读懂PyQt:用Python做出与C++一样的GUI界面应用程序

62940

鸿蒙最新功能及承载设备详解:HarmonyOS 2及华为全场景新品发布会全纪录

50270

图像滤波基础知识:图像与波的关系以及图像噪声知识

44049

老猿学5G扫盲贴:NEF、NRF、AF、UPF以及DN的功能

42574

OpenCV-Python图像位与运算bitwise_and函数详解

38227

分类专栏

moviepy音视频开发专栏

付费

42篇

Python爬虫入门

付费

23篇

使用PyQt开发图形界面Python应用

付费

61篇

OpenCV-Python初学者疑难问题集

付费

27篇

OpenCV-Python图形图像处理

84篇

云计算与公有云服务

5篇

PyQt+moviepy音视频剪辑实战

85篇

国产信创之光

26篇

PyQt入门知识

12篇

Python基础教程

10篇

爬虫

29篇

图像处理基础知识

45篇

n行Python代码系列

18篇

老猿Python

1112篇

老猿学5G

37篇

人工智能数学基础

66篇

零基础学区块链

11篇

人工智能基础知识

老猿Python精品文章

16篇

计算机常识

21篇

互联网知识

23篇

原力计划文章

20篇

最新评论

统信UOS Linux环境下安装OpenCV遇到的各种问题及填坑指南

天理可容小王子:

软件包 libtbb2 没有可安装候选

已经 sudo apt-get update

windows10下如何通过命令行方式新增一个外部WLAN的Wifi热点并连接

水木流年追梦:

非常喜欢作者的写作风格,期待看到更多作品,希望能和大佬互关,谢谢!

windows10下如何通过命令行方式新增一个外部WLAN的Wifi热点并连接

herosunly:

优质好文,博主的文章细节很到位,兼顾实用性和可操作性,感谢博主的分享,期待博主持续带来更多好文

n行Python代码系列:两行代码调整视频播放速度

苦小茶:

赞,opencv有个函数识别不了

数字图像处理:直方图均衡(Histogram Equalization)的原理及处理介绍

一块绿豆饼:

明白了,感谢!

您愿意向朋友推荐“博客详情页”吗?

强烈不推荐

不推荐

一般般

推荐

强烈推荐

提交

最新文章

windows10下如何通过命令行方式新增一个外部WLAN的Wifi热点并连接

温故而知新:形态学图像处理的应用场景及原理

OpenCV-Python图形图像处理:自用的一些工具函数源代码(统信UOS Linux版)

2024年11篇

2023年34篇

2022年44篇

2021年172篇

2020年481篇

2019年564篇

目录

目录

分类专栏

moviepy音视频开发专栏

付费

42篇

Python爬虫入门

付费

23篇

使用PyQt开发图形界面Python应用

付费

61篇

OpenCV-Python初学者疑难问题集

付费

27篇

OpenCV-Python图形图像处理

84篇

云计算与公有云服务

5篇

PyQt+moviepy音视频剪辑实战

85篇

国产信创之光

26篇

PyQt入门知识

12篇

Python基础教程

10篇

爬虫

29篇

图像处理基础知识

45篇

n行Python代码系列

18篇

老猿Python

1112篇

老猿学5G

37篇

人工智能数学基础

66篇

零基础学区块链

11篇

人工智能基础知识

老猿Python精品文章

16篇

计算机常识

21篇

互联网知识

23篇

原力计划文章

20篇

目录

评论 32

被折叠的  条评论

为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

祝福语

请填写红包祝福语或标题

红包数量

红包个数最小为10个

红包总金额

红包金额最低5元

余额支付

当前余额3.43元

前往充值 >

需支付:10.00元

取消

确定

下一步

知道了

成就一亿技术人!

领取后你会自动成为博主和红包主的粉丝

规则

hope_wisdom 发出的红包

打赏作者

LaoYuanPython

你的鼓励将是我创作的最大动力

¥1

¥2

¥4

¥6

¥10

¥20

扫码支付:¥1

获取中

扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额

0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。 2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值

Grayscale® | The World's Largest Crypto Asset Manager

Grayscale® | The World's Largest Crypto Asset Manager

Documents

Contact

Investor Login

Investment Solutions

Crypto Products

ETFs

Private Funds

Join The Grayscale Community

Your source for news, insights, and ideas on the digital economy.

Research

Market Commentary

Reports

Videos & Webinars

Explore All

Join The Grayscale Community

Your source for news, insights, and ideas on the digital economy.

Resources

The Grayscale Glossary

FAQs

Grayscale Crypto Sectors

Introducing Grayscale Crypto Sectors, a new framework designed to set the standard for organizing the crypto asset class.

Company

About Us

About Grayscale

Press

Careers

Join The Grayscale Community

Your source for news, insights, and ideas on the digital economy.

Blog

General Updates

Legal Topics

People & Culture

Explore All

2024 Elections

Crypto has solidified its place in America’s financial future and in the 2024 presidential election.

Start Investing

Investor Login

Start Investing

Invest in your share

of the future

Grayscale is the world’s leading crypto asset manager by assets under management. We transform disruptive technologies of the future into investment opportunities today.

HOW TO INVEST

VIEW PRODUCTS

The Latest from Grayscale

Marketing GBTC: Q&A with our VP, Marketing

We sat down with Grayscale’s VP of Marketing, Seres Lu, to better understand Grayscale’s approach to marketing GBTC, and how we intend to stand out amongst a sea of other issuers.

Transform Tomorrow

Grayscale ETFs offer curated access to the digital economy.

Explore Products

Grayscale’s publicly-traded funds give you crypto exposure through your brokerage account.

Explore Products

Grayscale's private placements give accredited investors access to crypto in a familiar investment vehicle.

Explore Products

Grayscale's private funds allow qualified investors to achieve exposure not available to the public markets.

Explore Product

text

Ready to Invest?

Invest Now

Stay on top of the latest crypto news and insights

SUBSCRIBE

Instagram Facebook

Facebook Grayscale

YouTube_dark_icon_(2017).svg

INVEST

Crypto Products

ETFs

Private Funds

RESEARCH

Market Commentary

Reports

Videos & Webinars

Explore All

RESOURCES

The Grayscale Glossary

FAQs

Documents

COMPANY

About Grayscale

Press

Careers

Contact us

GBTC Lawsuit

BLOG

General Updates

Legal Topics

People & Culture

Explore All

Instagram Facebook

Facebook Grayscale

YouTube_dark_icon_(2017).svg

© 2024 Grayscale Investments, LLC. All rights reserved

Privacy policy

Terms of Service

Grayscale Bitcoin Trust ETF ("GBTC" or "Trust")

The Grayscale Bitcoin Trust (BTC) (the “Trust”) has filed a registration statement (including a prospectus) with the SEC for the offering to which this communication relates. Before you invest, you should read the prospectus in that registration statement and other documents the Trust has filed with the SEC for more complete information about the Trust and this offering. You may get these documents for free by visiting EDGAR on the SEC Web site at www.sec.gov. Alternatively, the Trust or any authorized participant will arrange to send you the prospectus (when available) if you request it by calling (833) 903-2211 or by contacting Foreside Fund Services, LLC, Three Canal Plaza, Suite 100, Portland, Maine 04101. 

Foreside Fund Services, LLC is the Marketing Agent for the Grayscale Bitcoin Trust ETF. Foreside Fund Services, LLC is not affiliated with Grayscale Securities, LLC or Grayscale Investments, LLC.

NAV per Share is not calculated in accordance with GAAP. NAV per Share is not intended to be a substitute for the Trust's Principal Market NAV per Share calculated in accordance with GAAP.

Extreme volatility of trading prices that many digital assets, including Bitcoin, have experienced in recent periods and may continue to experience, could have a material adverse effect on the value of GBTC and the shares could lose all or substantially all of their value.

Digital assets represent a new and rapidly evolving industry. The value of GBTC depends on the acceptance of the digital assets, the capabilities and development of blockchain technologies and the fundamental investment characteristics of the digital asset.

Digital asset networks are developed by a diverse set of contributors and the perception that certain high-profile contributors will no longer contribute to the network could have an adverse effect on the market price of the related digital asset.

Digital assets may have concentrated ownership and large sales or distributions by holders of such digital assets could have an adverse effect on the market price of such digital assets.

The value of GBTC relates directly to the value of the underlying digital asset, the value of which may be highly volatile and subject to fluctuations due to a number of factors.

A substantial direct investment in digital assets may require expensive and sometimes complicated arrangements in connection with the acquisition, security and safekeeping of the digital asset and may involve the payment of substantial acquisition fees from third party facilitators through cash payments of U.S. dollars. Because the value of GBTC is correlated with the value of Bitcoin, it is important to understand the investment attributes of, and the market for, the underlying digital asset. Please consult with your financial professional.

Prior to 1/11/2024, shares of Grayscale Bitcoin Trust (BTC) (the “Trust”) were offered only in private placement transactions exempt from registration under the Securities Act of 1933, as amended (the “Securities Act”), and were quoted on the OTCQX® Best Market. The Trust did not have an ongoing share creation and redemption program. Effective as of the open of business on 1/11/2024, the shares of the Trust were listed to NYSE Arca as an exchange-traded product, the Trust established an ongoing share creation and redemption program and the shares are being offered on a registered basis pursuant to a Registration Statement on Form S-3.

The Trust’s investment objective both before and after 1/11/2024 has remained constant, namely to reflect the value of Bitcoin held by the Trust, less the Trust’s expenses and other liabilities. However prior to 1/11/2024, the Trust did not meet its investment objective and the Trust’s shares traded at both premiums and discounts to such value, which at times were substantial, in part due to the lack of an ongoing redemption program. Furthermore, the Trust’s performance prior to 1/11/2024 is based on market-determined prices on the OTCQX, while the Trust’s performance following such date is based on market-determined prices on NYSE Arca. As a result, the Trust’s historical data prior to 1/11/2024 is not directly comparable to, and should not be used to make conclusions in conjunction with, the Trust’s performance following that date. The performance of the Trust before and after 1/11/2024 may differ significantly.

Other Products Sponsored or Managed by Grayscale (“Products”)

Grayscale Investments, LLC (“Grayscale”) is the parent holding company of Grayscale Advisors, LLC (“GSA”), an SEC-registered investment adviser, as well Grayscale Securities, LLC (“GSS”), an SEC-registered broker/dealer and member of FINRA. Grayscale is not registered as an investment adviser under the Investment Advisers Act of 1940 and none of the investment products sponsored or managed by Grayscale are registered under the Investment Company Act of 1940.

Investments managed by GSA are registered under the Investment Company Act of 1940 and subject to the rules and regulations of the Securities Act of 1933 and Investment Advisers Act of 1940.

Carefully consider each Product’s investment objectives, risk factors, fees and expenses before investing. This and other information can be found in each Product’s private placement memorandum, which may be obtained from Grayscale and, for each Product that is an SEC reporting company, the SEC’s website, or for each Product that reports under the OTC Markets Alternative Reporting Standards, the OTC Markets website. Reports prepared in accordance with the OTC Markets Alternative Reporting Standards are not prepared in accordance with SEC requirements and may not contain all information that is useful for an informed investment decision. Read these documents carefully before investing.

Investments in the Products are speculative investments that involve high degrees of risk, including a partial or total loss of invested funds. Grayscale Products are not suitable for any investor that cannot afford loss of the entire investment. The shares of each Product are intended to reflect the price of the digital asset(s) held by such Product (based on digital asset(s) per share), less such Product’s expenses and other liabilities. Because each Product does not currently operate a redemption program, there can be no assurance that the value of such Product’s shares will reflect the value of the assets held by such Product, less such Product’s expenses and other liabilities, and the shares of such Product, if traded on any secondary market, may trade at a substantial premium over, or a substantial discount to, the value of the assets held by such Product, less such Product’s expenses and other liabilities, and such Product may be unable to meet its investment objective.

This information should not be relied upon as research, investment advice, or a recommendation regarding any products, strategies, or any security in particular. This material is strictly for illustrative, educational, or informational purposes and is subject to change.

The shares of each Product are not registered under the Securities Act of 1933 (the “Securities Act”), the Securities Exchange Act of 1934 (except for Products that are SEC reporting companies), the Investment Company Act of 1940, or any state securities laws. The Products are offered in private placements pursuant to the exemption from registration provided by Rule 506(c) under Regulation D of the Securities Act and are only available to accredited investors. As a result, the shares of each Product are restricted and subject to significant limitations on resales and transfers. Potential investors in any Product should carefully consider the long-term nature of an investment in that Product prior to making an investment decision. The shares of certain Products are also publicly quoted on OTC Markets and shares that have become unrestricted in accordance with the rules and regulations of the SEC may be bought and sold throughout the day through any brokerage account.

Risk Disclosures

Extreme volatility of trading prices that many digital assets, including Bitcoin, have experienced in recent periods and may continue to experience, could have a material adverse effect on the value of the Product and the shares of each Product could lose all or substantially all of their value. Digital assets represent a new and rapidly evolving industry. The value of the Product shares depends on the acceptance of the digital assets, the capabilities and development of blockchain technologies and the fundamental investment characteristics of the digital asset. Digital asset networks are developed by a diverse set of contributors and the perception that certain high-profile contributors will no longer contribute to the network could have an adverse effect on the market price of the related digital asset. Digital assets may have concentrated ownership and large sales or distributions by holders of such digital assets could have an adverse effect on the market price of such digital assets. The value of the Product shares relates directly to the value of the underlying digital asset, the value of which may be highly volatile and subject to fluctuations due to a number of factors.

A substantial direct investment in digital assets may require expensive and sometimes complicated arrangements in connection with the acquisition, security and safekeeping of the digital asset and may involve the payment of substantial acquisition fees from third party facilitators through cash payments of U.S. dollars. Because the value of the Shares is correlated with the value of digital asset(s) held by the Product, it is important to understand the investment attributes of, and the market for, the underlying digital asset. Please consult with your financial professional.

The Product relies on third party service providers to perform certain functions essential to the affairs of the Product and the replacement of such service providers could pose a challenge to the safekeeping of the digital asset and to the operations of the Product.

The Products are distributed by Grayscale Securities, LLC (Member FINRA/SIPC). SIPC coverage does not apply to crypto asset products or services discussed on the website.

© 2024 Grayscale Investments, LLC. All trademarks, service marks and/or trade names (e.g., BITCOIN INVESTING BEGINS HERE, DROP GOLD, G, GRAYSCALE, GRAYSCALE CRYPTO SECTORS, and GRAYSCALE INVESTMENTS) are owned and/or registered by Grayscale Investments, LLC.  

All of the content on our site - including text, software, scripts, code, designs, graphics, photos, sounds, music, videos, applications, interactive features, articles, news stories, sketches, animations, stickers, general artwork and other content ("Content") - is owned by Grayscale Investments, LLC or others we license Content from, and is protected by copyright, patent and other laws.

Grayscale Investments, LLC reserves all rights not expressly described herein.

灰度值_百度百科

百度百科 网页新闻贴吧知道网盘图片视频地图文库资讯采购百科百度首页登录注册进入词条全站搜索帮助首页秒懂百科特色百科知识专题加入百科百科团队权威合作下载百科APP个人中心灰度值播报讨论上传视频计算机术语收藏查看我的收藏0有用+10本词条由“科普中国”科学百科词条编写与应用工作项目 审核 。由于景物各点的颜色及亮度不同,摄成的黑白照片上或电视接收机重现的黑白图像上各点呈现不同程度的灰色。把白色与黑色之间按对数关系分成若干级,称为“灰度等级”。范围一般从0到255,白色为255,黑色为0,故黑白图片也称灰度图像,在医学、图像识别领域有很广泛的用途。中文名灰度值外文名gray-scale value解    释黑白图像中点的颜色深度领    域医学、图像识别表示方法二进制目录1含义2Gamma校正3计算方法含义播报编辑在计算机领域中,灰度(Gray scale)数字图像是每个像素只有一个采样颜色的图像。这类图像通常显示为从最暗黑色到最亮的白色的灰度,尽管理论上这个采样可以任何颜色的不同深浅,甚至可以是不同亮度上的不同颜色。灰度图像与黑白图像不同,在计算机图像领域中黑白图像只有黑白两种颜色,灰度图像在黑色与白色之间还有许多级的颜色深度。但是,在数字图像领域之外,“黑白图像”也表示“灰度图像”,例如灰度的照片通常叫做“黑白照片”。在一些关于数字图像的文章中单色图像等同于灰度图像,在另外一些文章中又等同于黑白图像。灰度使用黑色调表示物体,即用黑色为基准色,不同的饱和度的黑色来显示图像。 每个灰度对象都具有从 0%(白色)到100%(黑色)的亮度值。 使用黑白或灰度扫描仪生成的图像通常以灰度显示。使用灰度还可将彩色图稿转换为高质量黑白图稿。 在这种情况下,Adobe Illustrator 放弃原始图稿中的所有颜色信息;转换对象的灰色级别(阴影)表示原始对象的亮度。将灰度对象转换为 RGB 时,每个对象的颜色值代表对象之前的 [1]灰度值。 也可以将灰度对象转换为 CMYK 对象。自然界中的大部分物体平均灰度为18%。在物体的边缘呈现灰度的不连续性,图像分割就是基于这个原理。所谓颜色或灰度级指黑白显示器中显示像素点的亮暗差别,在彩色显示器中表现为颜色的不同,灰度级越多,图像层次越清楚逼真。灰度级取决于每个像素对应的刷新存储单元的位数和显示器本身的性能。如每个象素的颜色用16位 [2]二进制数表示,我们就叫它16位图,它可以表达2的16次方即65536种颜色。如每一个象素采用24位二进制数表示,我们就叫它24位图,它可以表达2的24次方即16777216种颜色。灰度就是没有色彩,RGB色彩分量全部相等。如果是一个二值灰度图象,它的象素值只能为0或1,我们说它的灰度级为2。用个例子来说明吧:一个256级灰度的图象,如果RGB三个量相同时,如:RGB(100,100,100)就代表灰度为100,RGB(50,50,50)代表灰度为50。Gamma校正播报编辑RGB值与功率并非简单的线性关系,而是幂函数关系,这个函数的指数称为Gamma值,一般为2.2,而这个换算过程,称为Gamma校正。为什么显示器要Gamma校正呢?因为人眼对亮度的感知和物理功率不成正比,而是幂函数的关系,这个函数的指数通常为2.2,称为Gamma值。打个比方,功率为50%的灰色,人眼实际感知亮度为而人眼认为的50%中灰色,实际功率为所以RGB中的灰度值,为了考虑到较小的存储范围(0~255)和较平衡的亮暗部比例,所以需要进行Gamma校正,而不是直接对应功率值,因此RGB值RGB颜色值不能简单直接相加,而是必须用2.2次方换算成物理光功率后才能进行下一步计算。这一点在下面的灰度计算公式中就有所体现。计算方法播报编辑任何颜色都由红、绿、蓝三基色组成,假如原来某点的颜色为RGB(R,G,B),那么,我们可以通过下面几种方法,将其转换为灰度:1.浮点法:Gray=R*0.3+G*0.59+B*0.112.整数法:Gray=(R*30+G*59+B*11)/1003.移位法:Gray =(R*77+G*151+B*28)>>8;4.平均值法:Gray=(R+G+B)/3;5.仅取绿色:Gray=G;以上五种老式算法计算值均有误差,这些方法对于Gamma校正的图片(平常所见到的24位真彩色图片均为Gamma校正的图片)并不适用。为什么呢?因为刚才说了,Gamma校正后的分量值不是物理上的功率,不能直接相加,因此,需要提出一种全新的,改进的算法来纠正这一问题。6.Gamma校正算法:注意这里的2.2次方和2.2次方根,RGB颜色值不能简单直接相加,而是必须用2.2次方换算成物理光功率。因为RGB值与功率并非简单的线性关系,而是幂函数关系,这个函数的指数称为Gamma值,一般为2.2,而这个换算过程,称为Gamma校正。求得Gray后,将原来的RGB(R,G,B)中的R,G,B统一用Gray替换,形成新的颜色RGB(Gray,Gray,Gray),用它替换原来的RGB(R,G,B)就是灰度图了。鉴于精确度的要求,在高质量图片处理中最好使用公式6进行计算,以保证准确度。新手上路成长任务编辑入门编辑规则本人编辑我有疑问内容质疑在线客服官方贴吧意见反馈投诉建议举报不良信息未通过词条申诉投诉侵权信息封禁查询与解封©2024 Baidu 使用百度前必读 | 百科协议 | 隐私政策 | 百度百科合作平台 | 京ICP证030173号 京公网安备110000020000

grayscale() - CSS: Cascading Style Sheets | MDN

scale() - CSS: Cascading Style Sheets | MDNSkip to main contentSkip to searchSkip to select languageMDN Web DocsOpen main menuReferencesReferencesOverview / Web TechnologyWeb technology reference for developersHTMLStructure of content on the webCSSCode used to describe document styleJavaScriptGeneral-purpose scripting languageHTTPProtocol for transmitting web resourcesWeb APIsInterfaces for building web applicationsWeb ExtensionsDeveloping extensions for web browsersWeb TechnologyWeb technology reference for developersGuidesGuidesOverview / MDN Learning AreaLearn web developmentMDN Learning AreaLearn web developmentHTMLLearn to structure web content with HTMLCSSLearn to style content using CSSJavaScriptLearn to run scripts in the browserAccessibilityLearn to make the web accessible to allPlusPlusOverviewA customized MDN experienceAI Help (beta)Get real-time assistance and supportUpdatesAll browser compatibility updates at a glanceDocumentationLearn how to use MDN PlusFAQFrequently asked questions about MDN PlusCurriculumNewBlogPlayAI Help BetaSearch MDNClear search inputSearchThemeLog inSign up for freeReferencesCSSgrayscale()Article ActionsEnglish (US)Filter sidebarClear filter inputIn this articleTry itSyntaxExamplesSpecificationsBrowser compatibilitySee also

CSS

Tutorials

CSS basics

CSS first steps

CSS first steps overview

What is CSS?

Getting started with CSS

How CSS is structured

How CSS works

Assessment: Styling a biography page

CSS building blocks

CSS building blocks overview

CSS selectors

Type, class, and ID selectors

Attribute selectors

Pseudo-classes and pseudo-elements

Combinators

Cascade, specificity, and inheritance

Cascade layers

The box model

Backgrounds and borders

Handling different text directions

Overflowing content

CSS values and units

Sizing items in CSS

Images, media, and form elements

Styling tables

Debugging CSS

Organizing your CSS

Assessment: Fundamental CSS comprehension

Assessment: Creating fancy letterheaded paper

Assessment: A cool-looking box

Styling text

Styling text overview

Fundamental text and font styling

Styling lists

Styling links

Web fonts

Assessment: Typesetting a community school homepage

CSS layout

CSS layout overview

Introduction to CSS layout

Normal Flow

Flexbox

Grids

Floats

Positioning

Multiple-column layout

Responsive design

Beginner's guide to media queries

Legacy layout methods

Supporting older browsers

Assessment: Fundamental layout comprehension

Reference

ModulesCSS animationsCSS backgrounds and bordersCSS basic user interfaceCSS box alignmentCSS box modelCSS cascade and inheritanceCSS custom properties for cascading variablesCSS color adjustmentCSS colorsCSS compositing and blendingCSS conditional rulesCSS containmentCSS counter stylesCSS displayCSS filter effectsCSS flexible box layoutCSS font loadingCSS fontsCSS fragmentationCSS generated contentCSS grid layoutCSS imagesCSS lists and countersCSS logical properties and valuesCSS maskingCSS media queriesCSS miscellaneousCSS motion pathCSS multi-column layoutCSS namespacesCSS nestingCSS overflowCSS overscroll behaviorCSS paged mediaCSS positioned layoutCSS properties and values APICSS pseudo-elementsCSS ruby layoutCSS scopingCSS scroll-driven animationsCSS scroll snapCSS scrollbars stylingCSS selectorsCSS shadow partsCSS shapesCSS syntaxCSS tableCSS textCSS text decorationCSS transformsCSS transitionsCSS writing modesCSSOM view

Properties-moz-*-moz-float-edge

Non-standard

Deprecated

-moz-force-broken-image-icon

Non-standard

Deprecated

-moz-image-region

Non-standard

-moz-orient

Non-standard

-moz-user-focus

Non-standard

Deprecated

-moz-user-input

Non-standard

Deprecated

-webkit-*-webkit-border-before

Non-standard

-webkit-box-reflect

Non-standard

-webkit-line-clamp-webkit-mask-attachment

Non-standard

-webkit-mask-box-image

Non-standard

-webkit-mask-composite

Non-standard

-webkit-mask-position-x

Non-standard

-webkit-mask-position-y

Non-standard

-webkit-mask-repeat-x

Non-standard

-webkit-mask-repeat-y

Non-standard

-webkit-overflow-scrolling

Non-standard

-webkit-tap-highlight-color

Non-standard

-webkit-text-fill-color-webkit-text-security

Non-standard

-webkit-text-stroke-webkit-text-stroke-color-webkit-text-stroke-width-webkit-touch-callout

Non-standard

accent-coloralign-*align-contentalign-itemsalign-selfalign-tracks

Experimental

allanimation-*animationanimation-compositionanimation-delayanimation-directionanimation-durationanimation-fill-modeanimation-iteration-countanimation-nameanimation-play-stateanimation-range

Experimental

animation-range-end

Experimental

animation-range-start

Experimental

animation-timeline

Experimental

animation-timing-functionappearanceaspect-ratiobackdrop-filterbackface-visibilitybackground-*backgroundbackground-attachmentbackground-blend-modebackground-clipbackground-colorbackground-imagebackground-originbackground-positionbackground-position-xbackground-position-ybackground-repeatbackground-sizeblock-sizeborder-*borderborder-blockborder-block-colorborder-block-endborder-block-end-colorborder-block-end-styleborder-block-end-widthborder-block-startborder-block-start-colorborder-block-start-styleborder-block-start-widthborder-block-styleborder-block-widthborder-bottomborder-bottom-colorborder-bottom-left-radiusborder-bottom-right-radiusborder-bottom-styleborder-bottom-widthborder-collapseborder-colorborder-end-end-radiusborder-end-start-radiusborder-imageborder-image-outsetborder-image-repeatborder-image-sliceborder-image-sourceborder-image-widthborder-inlineborder-inline-colorborder-inline-endborder-inline-end-colorborder-inline-end-styleborder-inline-end-widthborder-inline-startborder-inline-start-colorborder-inline-start-styleborder-inline-start-widthborder-inline-styleborder-inline-widthborder-leftborder-left-colorborder-left-styleborder-left-widthborder-radiusborder-rightborder-right-colorborder-right-styleborder-right-widthborder-spacingborder-start-end-radiusborder-start-start-radiusborder-styleborder-topborder-top-colorborder-top-left-radiusborder-top-right-radiusborder-top-styleborder-top-widthborder-widthbottombox-*box-align

Non-standard

Deprecated

box-decoration-breakbox-direction

Non-standard

Deprecated

box-flex

Non-standard

Deprecated

box-flex-group

Non-standard

Deprecated

box-lines

Non-standard

Deprecated

box-ordinal-group

Non-standard

Deprecated

box-orient

Non-standard

Deprecated

box-pack

Non-standard

Deprecated

box-shadowbox-sizingbreak-*break-afterbreak-beforebreak-insidecaption-sidecaret-colorclearclip

Deprecated

clip-pathcolor-*colorcolor-interpolationcolor-schemecolumn-*column-countcolumn-fillcolumn-gapcolumn-rulecolumn-rule-colorcolumn-rule-stylecolumn-rule-widthcolumn-spancolumn-widthcolumnscontain-*containcontain-intrinsic-block-sizecontain-intrinsic-heightcontain-intrinsic-inline-sizecontain-intrinsic-sizecontain-intrinsic-widthcontainer-*containercontainer-namecontainer-typecontentcontent-visibility

Experimental

counter-*counter-incrementcounter-resetcounter-setcursordirectiondisplayempty-cellsfilterflex-*flexflex-basisflex-directionflex-flowflex-growflex-shrinkflex-wrapfloatfont-*fontfont-familyfont-feature-settingsfont-kerningfont-language-overridefont-optical-sizingfont-palettefont-sizefont-size-adjustfont-smooth

Non-standard

font-stretchfont-stylefont-synthesisfont-synthesis-positionfont-synthesis-small-capsfont-synthesis-stylefont-synthesis-weightfont-variantfont-variant-alternatesfont-variant-capsfont-variant-east-asianfont-variant-emojifont-variant-ligaturesfont-variant-numericfont-variant-positionfont-variation-settingsfont-weightforced-color-adjustgapgrid-*gridgrid-areagrid-auto-columnsgrid-auto-flowgrid-auto-rowsgrid-columngrid-column-endgrid-column-startgrid-rowgrid-row-endgrid-row-startgrid-templategrid-template-areasgrid-template-columnsgrid-template-rowshanging-punctuationheighthyphenate-characterhyphenate-limit-charshyphensimage-*image-orientationimage-renderingimage-resolution

Experimental

initial-letter

Experimental

initial-letter-align

Experimental

inline-sizeinset-*insetinset-blockinset-block-endinset-block-startinset-inlineinset-inline-endinset-inline-startisolationjustify-*justify-contentjustify-itemsjustify-selfjustify-tracks

Experimental

leftletter-spacingline-*line-breakline-heightline-height-step

Experimental

list-*list-stylelist-style-imagelist-style-positionlist-style-typemargin-*marginmargin-blockmargin-block-endmargin-block-startmargin-bottommargin-inlinemargin-inline-endmargin-inline-startmargin-leftmargin-rightmargin-topmargin-trim

Experimental

mask-*maskmask-bordermask-border-modemask-border-outsetmask-border-repeatmask-border-slicemask-border-sourcemask-border-widthmask-clipmask-compositemask-imagemask-modemask-originmask-positionmask-repeatmask-sizemask-typemasonry-auto-flow

Experimental

math-*math-depthmath-shift

Experimental

math-stylemax-*max-block-sizemax-heightmax-inline-sizemax-widthmin-*min-block-sizemin-heightmin-inline-sizemin-widthmix-blend-modeobject-fitobject-positionoffset-*offsetoffset-anchoroffset-distanceoffset-pathoffset-positionoffset-rotateopacityorderorphansoutline-*outlineoutline-coloroutline-offsetoutline-styleoutline-widthoverflow-*overflowoverflow-anchoroverflow-blockoverflow-clip-marginoverflow-inlineoverflow-wrapoverflow-xoverflow-yoverlay

Experimental

overscroll-*overscroll-behavioroverscroll-behavior-blockoverscroll-behavior-inlineoverscroll-behavior-xoverscroll-behavior-ypadding-*paddingpadding-blockpadding-block-endpadding-block-startpadding-bottompadding-inlinepadding-inline-endpadding-inline-startpadding-leftpadding-rightpadding-toppage-*pagepage-break-afterpage-break-beforepage-break-insidepaint-orderperspectiveperspective-originplace-*place-contentplace-itemsplace-selfpointer-eventspositionprint-color-adjustquotesresizerightrotaterow-gapruby-align

Experimental

ruby-positionscalescroll-*scroll-behaviorscroll-marginscroll-margin-blockscroll-margin-block-endscroll-margin-block-startscroll-margin-bottomscroll-margin-inlinescroll-margin-inline-endscroll-margin-inline-startscroll-margin-leftscroll-margin-rightscroll-margin-topscroll-paddingscroll-padding-blockscroll-padding-block-endscroll-padding-block-startscroll-padding-bottomscroll-padding-inlinescroll-padding-inline-endscroll-padding-inline-startscroll-padding-leftscroll-padding-rightscroll-padding-topscroll-snap-alignscroll-snap-stopscroll-snap-typescroll-timeline

Experimental

scroll-timeline-axis

Experimental

scroll-timeline-name

Experimental

scrollbar-*scrollbar-colorscrollbar-gutterscrollbar-widthshape-*shape-image-thresholdshape-marginshape-outsidetab-sizetable-layouttext-*text-aligntext-align-lasttext-combine-uprighttext-decorationtext-decoration-colortext-decoration-linetext-decoration-skip

Experimental

text-decoration-skip-inktext-decoration-styletext-decoration-thicknesstext-emphasistext-emphasis-colortext-emphasis-positiontext-emphasis-styletext-indenttext-justifytext-orientationtext-overflowtext-renderingtext-shadowtext-size-adjust

Experimental

text-transformtext-underline-offsettext-underline-positiontext-wraptimeline-scope

Experimental

toptouch-actiontransform-*transformtransform-boxtransform-origintransform-styletransition-*transitiontransition-behaviortransition-delaytransition-durationtransition-propertytransition-timing-functiontranslateunicode-bidiuser-modify

Non-standard

Deprecated

user-selectvertical-alignview-*view-timeline

Experimental

view-timeline-axis

Experimental

view-timeline-inset

Experimental

view-timeline-name

Experimental

view-transition-name

Experimental

visibilitywhite-spacewhite-space-collapsewidowswidthwill-changeword-breakword-spacingwriting-modez-indexzoom

Non-standard

SelectorsAttribute selectorsClass selectorsID selectors& nesting selectorType selectorsUniversal selectors

CombinatorsChild combinatorColumn combinator

Experimental

Descendant combinatorNamespace separatorNext-sibling combinatorSelector listSubsequent-sibling combinator

Pseudo-classes:-moz-broken

Non-standard

:-moz-drag-over

Non-standard

:-moz-first-node

Non-standard

:-moz-handler-blocked

Non-standard

:-moz-handler-crashed

Non-standard

:-moz-handler-disabled

Non-standard

:-moz-last-node

Non-standard

:-moz-loading

Non-standard

:-moz-locale-dir(ltr)

Non-standard

:-moz-locale-dir(rtl)

Non-standard

:-moz-only-whitespace

Non-standard

:-moz-submit-invalid

Non-standard

:-moz-suppressed

Non-standard

:-moz-user-disabled

Non-standard

:-moz-window-inactive

Non-standard

:active:any-link:autofill:blank

Experimental

:buffering:checked:current:default:defined:dir():disabled:empty:enabled:first:first-child:first-of-type:focus:focus-visible:focus-within:fullscreen:future:has():host:host-context():host():hover:in-range:indeterminate:invalid:is():lang():last-child:last-of-type:left:link:local-link:modal:muted:not():nth-child():nth-last-child():nth-last-of-type():nth-of-type():only-child:only-of-type:optional:out-of-range:past:paused:picture-in-picture:placeholder-shown:playing:popover-open:read-only:read-write:required:right:root:scope:seeking:stalled:state()

Experimental

:target:target-within

Experimental

:user-invalid:user-valid:valid:visited:volume-locked:where()

Pseudo-elements::-moz-color-swatch

Non-standard

::-moz-focus-inner

Experimental

::-moz-list-bullet

Non-standard

::-moz-list-number

Non-standard

::-moz-page

Non-standard

::-moz-page-sequence

Non-standard

::-moz-progress-bar

Non-standard

::-moz-range-progress

Non-standard

::-moz-range-thumb

Non-standard

::-moz-range-track

Non-standard

::-moz-scrolled-page-sequence

Non-standard

::-webkit-inner-spin-button

Non-standard

::-webkit-meter-bar

Non-standard

::-webkit-meter-even-less-good-value

Non-standard

::-webkit-meter-inner-element

Non-standard

::-webkit-meter-optimum-value

Non-standard

::-webkit-meter-suboptimum-value

Non-standard

::-webkit-progress-bar

Non-standard

::-webkit-progress-inner-element

Non-standard

::-webkit-progress-value

Non-standard

::-webkit-scrollbar

Non-standard

::-webkit-search-cancel-button

Non-standard

::-webkit-search-results-button

Non-standard

::-webkit-slider-runnable-track

Experimental

::-webkit-slider-thumb

Experimental

::after::backdrop::before::cue::cue-region::file-selector-button::first-letter::first-line::grammar-error::highlight()::marker::part()::placeholder::selection::slotted()::spelling-error::target-text

Experimental

::view-transition

Experimental

::view-transition-group

Experimental

::view-transition-image-pair

Experimental

::view-transition-new

Experimental

::view-transition-old

Experimental

At-rules@charset@color-profile@container@counter-style@document

Non-standard

Deprecated

@font-face@font-feature-values@font-palette-values@import@keyframes@layer@media@namespace@page@property@scope@starting-style

Experimental

@supports

Functions-moz-image-rect

Non-standard

Deprecated

abs()acos()asin()atan()atan2()attr()calc()clamp()cos()counter()counters()cross-fade()element()

Experimental

env()exp()fit-content()hypot()log()max()min()minmax()mod()path()pow()ray()rem()repeat()round()sign()sin()sqrt()symbols()tan()url()var()

Types

Deprecated

Guides

Animations

Using CSS animations

Backgrounds and Borders

Using multiple backgrounds

Resizing background images

Box alignment

Box alignment in block layout

Box alignment in flexbox

Box alignment in grid layout

Box alignment in multi-column layout

Box model

Introduction to the CSS basic box model

Mastering margin collapsing

Colors

Applying color to HTML elements using CSS

Web Accessibility: Understanding colors and luminance

Web Accessibility: Color contrast

Columns

Basic concepts of Multicol

Styling columns

Spanning and balancing

Handling overflow in Multicol

Content breaks in Multicol

Conditional rules

Using feature queries

Containment

Using CSS containment

CSS container queries

Using container size and style queries

CSSOM view

Coordinate systems

Flexbox

Basic concepts of Flexbox

Comparison with other layout methods

Aligning items in a flex container

Ordering flex items

Controlling flex item ratios

Mastering wrapping of flex items

Typical use cases of Flexbox

Flow layout

Block and Inline layout in normal flow

In flow and Out of flow

Formatting contexts explained

Flow layout and writing modes

Flow layout and overflow

Fonts

OpenType font features guide

Variable fonts guide

Grid

Basics concepts of grid layout

Relationship to other layout methods

Line-based placement

Grid template areas

Layout using named grid lines

Auto-placement in grid layout

Box alignment in grid layout

Grids, logical values and writing modes

Grid layout and accessibility

Grid Layout and progressive enhancement

Realizing common layouts using grids

Subgrid

Masonry layout

Images

Using CSS gradients

Lists and counters

Using CSS counters

Consistent list indentation

Logical properties

Basic concepts

Floating and positioning

Margins, borders and padding

Sizing

Math functions

Using CSS math functions

Media queries

Using media queries

Using media queries for accessibility

Testing media queries programmatically

Printing

Nesting style rules

Using CSS nesting

Nesting at-rules

Nesting and specificity

Positioning

Understanding CSS z-index

Scroll snap

Basic concepts of scroll snap

Shapes

Overview of shapes

Shapes from box values

Basic shapes

Shapes from images

Text

Wrapping and breaking text

Transforms

Using transforms

Transitions

Using transitions

Layout cookbook

Media objects

Columns

Center an element

Sticky footers

Split navigation

Breadcrumb navigation

List group with badges

Pagination

Card

Grid wrapper

Tools

Color picker

Box shadow generator

Border image generator

Border radius generator

In this articleTry itSyntaxExamplesSpecificationsBrowser compatibilitySee alsograyscale()The grayscale() CSS function converts the input image to grayscale. Its result is a .Try itSyntaxcssgrayscale(amount)

Parameters

amount

Amount of the input image that is converted to grayscale. It is specified as a or a . A value of 100% changes the input completely to grayscale, while a value of 0% leaves the input unchanged. Values between 0% and 100% have linear multipliers on the effect. If the grayscale() filter is present with no parameter, the default value is 1. The initial value used for interpolation is 0.

ExamplesExamples of correct values for grayscale()cssgrayscale(0) /* No effect */

grayscale(.7) /* 70% grayscale */

grayscale(100%) /* Completely grayscale */

SpecificationsSpecificationFilter Effects Module Level 1 # funcdef-filter-grayscaleBrowser compatibilityBCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.See alsoThe other functions available to be used in values of the filter and backdrop-filter properties include:

blur()

brightness()

contrast()

drop-shadow()

hue-rotate()

invert()

opacity()

saturate()

sepia()

Help improve MDNWas this page helpful to you?YesNoLearn how to contribute.This page was last modified on Jul 17, 2023 by MDN contributors.View this page on GitHub• Report a problem with this contentMDN logoYour blueprint for a better internet.MDN on MastodonMDN on X (formerly Twitter)MDN on GitHubMDN Blog RSS FeedMDNAboutBlogCareersAdvertise with usSupportProduct helpReport an issueOur communitiesMDN CommunityMDN ForumMDN ChatDevelopersWeb TechnologiesLearn Web DevelopmentMDN PlusHacks BlogMozilla logoWebsite Privacy NoticeCookiesLegalCommunity Participation GuidelinesVisit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.Portions of this content are ©1998–2024 by individual mozilla.org contributors. Content available under a Creative Commons licen

Grayscale - TailwindCSS中文文档 | TailwindCSS中文网

scale - TailwindCSS中文文档 | TailwindCSS中文网Tailwind CSS home pagev3.4.1Tailwind CSS v3.4Dynamic viewport units, :has(), subgrid, and more中文文档组件库博客网站实例ThemeTailwind CSS on GitHubSearchNavigationNavigationFiltersGrayscaleQuick search...中文文档组件库TemplatesScreencasts在线练习场有用的资源社区入门安装编辑器设置Using with PreprocessorsOptimizing for ProductionBrowser SupportUpgrade Guide核心概念Utility-First FundamentalsHover, Focus, and Other StatesResponsive DesignDark ModeReusing StylesAdding Custom StylesFunctions & Directives定制ConfigurationContentThemeScreensColorsSpacingPluginsPresetsBase StylesPreflight布局Aspect RatioContainerColumnsBreak AfterBreak BeforeBreak InsideBox Decoration BreakBox SizingDisplayFloatsClearIsolationObject FitObject PositionOverflowOverscroll BehaviorPositionTop / Right / Bottom / LeftVisibilityZ-IndexFlexbox & GridFlex BasisFlex DirectionFlex WrapFlexFlex GrowFlex ShrinkOrderGrid Template ColumnsGrid Column Start / EndGrid Template RowsGrid Row Start / EndGrid Auto FlowGrid Auto ColumnsGrid Auto RowsGapJustify ContentJustify ItemsJustify SelfAlign ContentAlign ItemsAlign SelfPlace ContentPlace ItemsPlace Self间隔PaddingMarginSpace Between尺寸WidthMin-WidthMax-WidthHeightMin-HeightMax-HeightSize排版Font FamilyFont SizeFont SmoothingFont StyleFont WeightFont Variant NumericLetter SpacingLine ClampLine HeightList Style ImageList Style PositionList Style TypeText AlignText ColorText DecorationText Decoration ColorText Decoration StyleText Decoration ThicknessText Underline OffsetText TransformText OverflowText WrapText IndentVertical AlignWhitespaceWord BreakHyphensContent背景Background AttachmentBackground ClipBackground ColorBackground OriginBackground PositionBackground RepeatBackground SizeBackground ImageGradient Color Stops边框Border RadiusBorder WidthBorder ColorBorder StyleDivide WidthDivide ColorDivide StyleOutline WidthOutline ColorOutline StyleOutline OffsetRing WidthRing ColorRing Offset WidthRing Offset ColorEffectsBox ShadowBox Shadow ColorOpacityMix Blend ModeBackground Blend ModeFiltersBlurBrightnessContrastDrop ShadowGrayscaleHue RotateInvertSaturateSepiaBackdrop BlurBackdrop BrightnessBackdrop ContrastBackdrop GrayscaleBackdrop Hue RotateBackdrop InvertBackdrop OpacityBackdrop SaturateBackdrop Sepia表格(Tables)Border CollapseBorder SpacingTable LayoutCaption SideTransitions & AnimationTransition PropertyTransition DurationTransition Timing FunctionTransition DelayAnimationTransformsScaleRotateTranslateSkewTransform OriginInteractivityAccent ColorAppearanceCursorCaret ColorPointer EventsResizeScroll BehaviorScroll MarginScroll PaddingScroll Snap AlignScroll Snap StopScroll Snap TypeTouch ActionUser SelectWill ChangeSVGFillStrokeStroke WidthAccessibilityScreen ReadersForced Color Adjust官方插件TypographyFormsAspect RatioContainer QueriesFiltersGrayscaleUtilities for applying grayscale filters to an element.​Quick referenceClassPropertiesgrayscale-0filter: grayscale(0);

grayscalefilter: grayscale(100%);

​Basic usage

​Making an element grayscale

Use the grayscale and grayscale-0 utilities to control whether an element should be rendered as grayscale or in full color.

grayscale-0

grayscale

​Removing filters

To remove all of the filters on an element at once, use the filter-none utility:

This can be useful when you want to remove filters conditionally, such as on hover or at a particular breakpoint.

​Applying conditionally

​Hover, focus, and other states

Tailwind lets you conditionally apply utility classes in different states using variant modifiers. For example, use hover:grayscale-0 to only apply the grayscale-0 utility on hover.

For a complete list of all available state modifiers, check out the Hover, Focus, & Other States documentation.

​Breakpoints and media queries

You can also use variant modifiers to target media queries like responsive breakpoints, dark mode, prefers-reduced-motion, and more. For example, use md:grayscale-0 to apply the grayscale-0 utility at only medium screen sizes and above.

To learn more, check out the documentation on Responsive Design, Dark Mode and other media query modifiers.

​Using custom values

​Customizing your theme

By default, Tailwind includes a handful of general purpose grayscale utilities. You can customize these values by editing theme.grayscale or theme.extend.grayscale in your tailwind.config.js file.

tailwind.config.jsmodule.exports = {

theme: {

extend: {

grayscale: {

50: '50%',

}

}

}

}

Learn more about customizing the default theme in the theme customization documentation.

​Arbitrary values

If you need to use a one-off grayscale value that doesn’t make sense to include in your theme, use square brackets to generate a property on the fly using any arbitrary value.

Learn more about arbitrary value support in the arbitrary values documentation.Drop ShadowHue RotateCopyright © 2024 Tailwind Labs Inc.Trademark PolicyEdit this page on GitHubOn this pageQuick referenceBasic usageMaking an element grayscaleRemoving filtersApplying conditionallyHover, focus, and other statesBreakpoints and media queriesUsing custom valuesCustomizing your themeArbitrary valuesFrom the creators of Tailwind CSSMake your ideas look awesome, without relying on a designer.“This is the survival kit I wish I had when I started building apps.”Derrick Reimer, Savvy