Unicode 字符代表“全屏”?
Posted
技术标签:
【中文标题】Unicode 字符代表“全屏”?【英文标题】:Unicode character to represent "fullscreen"? 【发布时间】:2019-03-18 10:45:18 【问题描述】:鉴于the sheer number Unicode 中有类似箭头的符号,我有点惊讶。我错过了什么吗?或者是否有一个看起来类似于全屏图标的字符?
【问题讨论】:
不要搜索“全屏”,您要“最大化”。 U+1F5D6。 FontAwesome 很受欢迎:fontawesome.com/icons?d=gallery&q=maximize. 符号“最大化”U+1F5D6 甚至在大多数普通字体中都可用,它并非特定于 fontawesome。 U+1F5D6: ?? i.imgur.com/nNc7PtV.png 【参考方案1】:还有U+26F6“四角”⛶,和这张图有点像
您已链接。不知道这个符号最初应该代表什么......我也不确定它实际上是否看起来像所有字体的四个角,也许它只是我特定浏览器的字体。
【讨论】:
在html中使用:⛶
在CSS中使用:SELECTOR::after content: '\26F6'; padding: 10px;
不幸的是,Apple MacOS/ios 尚不支持此 unicode 符号(但已在 Windows、android、Linux 等中支持)【参考方案2】:
如果您从 Hans Passant 上面评论的链接中搜索 expand,您将得到以下信息
⛶ 就像 Youtube 使用的那样确实出现在结果中
另一个建议:
U+21F1 ⇱ 西北箭头到拐角 U+21F2 ⇲ 东南箭头转角不存在 North East 和 South West 版本,但您可以旋转或镜像可用的版本以创建剩余的两个角。但是两个角已经足够代表一个全屏动作了,你不需要把四个角都填满
其他选择
U+2725 ✥ FOUR CLUB-SPOKED ASTERISK U+21F9 ⇹ LEFT RIGHT ARROW WITH VERTICAL STROKE U+21FC ⇼ LEFT RIGHT ARROW WITH DOUBLE VERTICAL STROKE U+2921 ⤡ NORTH WEST AND SOUTH EAST ARROW U+1F542 ? CROSS POMMEE(需要一些修改或特殊字体以使头部更像箭头) ↔↕(单独使用或相互绘制以获得带箭头的十字架) ⤡⤢ ⇳ ⤄ ???? ???? ???? ????一些带箭头的例子
这是玩家在vtvgiaitri.vn中使用的另一个变体
我猜它们可以由◣ U+25E3 黑色左下三角形和◥ U+25E5 黑色右上三角形或下面的一些三角形组成
◸ U+25F8 左上三角 ◹ U+25F9 右上三角 ◺ U+25FA 左下三角形 ◿ U+25FF 右下三角 ? U+1D14A 音乐符号三角符头左白 ? U+1D14B 音乐符号三角符头左黑 ? U+1D14C 音乐符号三角符头右白 ? U+1D14D 音乐符号三角符头右黑 ? U+1D14E 音乐符号三角形音符头向下白色 ? U+1D14F 音乐符号三角形音符头向下黑色 ? U+1D150 音乐符号三角符头右上白色 ? U+1D151 音乐符号三角符头右上黑色还有⤧⤨⤩⤪⤭⤮⤯⤰,可惜他们没有双头箭头版本,但是像⤪⤭
这样的简单解决方案可能会起作用
您可以在shapecatcher 上寻找更多相关解决方案或寻找更多箭头
https://en.wikipedia.org/wiki/Arrow_(symbol)#Arrows_in_Unicode https://en.wikipedia.org/wiki/Arrows_(Unicode_block) https://en.wikipedia.org/wiki/Supplemental_Arrows-A https://en.wikipedia.org/wiki/Supplemental_Arrows-B https://en.wikipedia.org/wiki/Supplemental_Arrows-C【讨论】:
【参考方案3】:FWIW,在撰写本文时,YouTube 正在使用 SVG 作为其“四角形”图标;这是代码:
<svg version="1.1" viewBox="0 0 36 36" >
<path d="m 10,16 2,0 0,-4 4,0 0,-2 L 10,10 l 0,6 0,0 z"></path>
<path d="m 20,10 0,2 4,0 0,4 2,0 L 26,10 l -6,0 0,0 z"></path>
<path d="m 24,24 -4,0 0,2 L 26,26 l 0,-6 -2,0 0,4 0,0 z"></path>
<path d="M 12,20 10,20 10,26 l 6,0 0,-2 -4,0 0,-4 0,0 z"></path>
</svg>
【讨论】:
【参考方案4】:我目前正在使用⇱︎,这不是很好,但可以理解这个想法。我也玩过这样的“合并”角色:
<div style="position:relative; display:inline-block;">
<div>↖</div>
<div style="position:absolute; top:0;">↗</div>
<div style="position:absolute; top:0;">↘</div>
<div style="position:absolute; top:0;">↙</div>
</div>
产生这个:
但如果这种形状只有一个字符会更好。
【讨论】:
它看起来更像是一个正方形,里面有 4 个较小的正方形,而不是 4 个箭头 它看起来也有点像 ❖ (U+2756 BLACK DIAMOND MINUS WHITE X) 反色。【参考方案5】:您可以使用其中一些 Unicode 字符:
⌈⌊⌊⌋
「」
┘┌└ ┐
╬
⛶
╭ ╮╯╰
与 或 + 重叠
或箭头:
⇱⇲
⇳⇖⇗⇘⇙⇕⇔↔↕↖↗↘↙ (and other arrows...)
【讨论】:
【参考方案6】:这是经典的 Windows“全屏”图标:?
https://www.fileformat.info/info/unicode/char/1f5d6/index.htm
【讨论】:
以上是关于Unicode 字符代表“全屏”?的主要内容,如果未能解决你的问题,请参考以下文章