imtoken安卓下载app|grayscale
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:层叠样式表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
已弃用
指南
动画
运用 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() : 对图片进行灰度转换,它是
参数
amount
转换值的大小,可以是
例子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金融赞同 447 条评论分享喜欢收藏申请转载文章被以下专栏收录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号 京公网安备110000020000opencv学习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
typedef Vec
typedef Vec
typedef Vec
typedef Vec
typedef Vec
typedef Vec
typedef Vec
typedef Vec
typedef Vec
typedef Vec
typedef Vec
typedef Vec
typedef Vec
typedef Vec
typedef Vec
typedef Vec
例如: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 out_img.at out_img.at } } 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 } } 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 } } 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 out_img.at } else out_img.at } } 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(滤镜) 属性 | 菜鸟教程 菜鸟教程 -- 学的不仅是技术,更是梦想! 首页 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) 给图像设置一个阴影效果。阴影是合成在图像下面,可以有模糊度的,可以以特定颜色画出的遮罩图的偏移版本。 函数接受 更多实例 模糊实例 图片使用高斯模糊效果: 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译文释义 最新推荐文章于 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 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. 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 Parameters amount Amount of the input image that is converted to grayscale. It is specified as a 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 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 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
CSS3 filter(滤镜) 属性 | 菜鸟教程
图像灰度与灰阶的纠结:gray level/scale译文释义_gray level intensity values-CSDN博客
>Grayscale® | The World's Largest Crypto Asset Manager
灰度值_百度百科
百度百科 网页新闻贴吧知道网盘图片视频地图文库资讯采购百科百度首页登录注册进入词条全站搜索帮助首页秒懂百科特色百科知识专题加入百科百科团队权威合作下载百科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号 京公网安备110000020000grayscale() - 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 - 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);