主頁 > 前端設計 > 如何標記每條趨勢線而不是制作圖例

如何標記每條趨勢線而不是制作圖例

2021-11-30 00:54:31 前端設計

我正在嘗試為每條趨勢線添加標簽。我的代碼和資料集如下。
具體來說,我想標記每一行,這樣我就不必放圖例了。出于某種原因,它不斷生成錯誤訊息mapping must be created by aes()似乎在情節上標記的代碼有一些我不確定的錯誤。我指的是在行尾繪制標簽,但仍然感到困惑。

df_hhi4 = df3 %>% group_by(year, v5) %>% 
mutate(share = (v97/sum(v97))*100) %>% 
summarize(hhi = sum(share^2)) %>% 
mutate(group = factor(v5))


ggplot(df_hhi4, aes(x = year, y = hhi, colour = group))   
geom_line()   geom_text(df_hhi4, aes(label = group, colour = group, x = Inf, y = hhi), hjust = -.1)  scale_x_continuous(breaks=c(1992, 1997, 2000,2003), lim = c(1992, 2003)) theme_bw() annotate("rect", xmin = 2000, xmax = Inf, ymin =-Inf, ymax =Inf, alpha = .15)

structure(list(year = structure(c(1992, 1992, 1992, 1992, 1992, 
1992, 1992, 1992, 1992, 1992, 1992, 1992, 1992, 1992, 1992, 1992, 
1992, 1992, 1992, 1992, 1992, 1992, 1992, 1992, 1993, 1993, 1993, 
1993, 1993, 1993, 1993, 1993, 1993, 1993, 1993, 1993, 1993, 1993, 
1993, 1993, 1993, 1993, 1993, 1993, 1993, 1993, 1993, 1993, 1994, 
1994, 1994, 1994, 1994, 1994, 1994, 1994, 1994, 1994, 1994, 1994, 
1994, 1994, 1994, 1994, 1994, 1994, 1994, 1994, 1994, 1994, 1994, 
1994, 1994, 1995, 1995, 1995, 1995, 1995, 1995, 1995, 1995, 1995, 
1995, 1995, 1995, 1995, 1995, 1995, 1995, 1995, 1995, 1995, 1995, 
1995, 1995, 1995, 1995, 1996, 1996, 1996, 1996, 1996, 1996, 1996, 
1996, 1996, 1996, 1996, 1996, 1996, 1996, 1996, 1996, 1996, 1996, 
1996, 1996, 1996, 1996, 1996, 1996, 1997, 1997, 1997, 1997, 1997, 
1997, 1997, 1997, 1997, 1997, 1997, 1997, 1997, 1997, 1997, 1997, 
1997, 1997, 1997, 1997, 1997, 1997, 1997, 1997, 1998, 1998, 1998, 
1998, 1998, 1998, 1998, 1998, 1998, 1998, 1998, 1998, 1998, 1998, 
1998, 1998, 1998, 1998, 1998, 1998, 1998, 1998, 1998, 1998, 1999, 
1999, 1999, 1999, 1999, 1999, 1999, 1999, 1999, 1999, 1999, 1999, 
1999, 1999, 1999, 1999, 1999, 1999, 1999, 1999, 1999, 1999, 1999, 
1999, 1999, 2000, 2000, 2000, 2000, 2000, 2000, 2000, 2000, 2000, 
2000, 2000, 2000, 2000, 2000, 2000, 2000, 2000, 2000, 2000, 2000, 
2000, 2000, 2000, 2000, 2000, 2001, 2001, 2001, 2001, 2001, 2001, 
2001, 2001, 2001, 2001, 2001, 2001, 2001, 2001, 2001, 2001, 2001, 
2001, 2001, 2001, 2001, 2001, 2001, 2001, 2002, 2002, 2002, 2002, 
2002, 2002, 2002, 2002, 2002, 2002, 2002, 2002, 2002, 2002, 2002, 
2002, 2002, 2002, 2002, 2002, 2002, 2002, 2002, 2002, 2003, 2003, 
2003, 2003, 2003, 2003, 2003, 2003, 2003, 2003, 2003, 2003, 2003, 
2003, 2003, 2003, 2003, 2003, 2003, 2003, 2003, 2003, 2003, 2003
), format.stata = "%9.0g"), v5 = structure(c(10, 14, 15, 17, 
18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 
34, 35, 36, 37, 10, 14, 15, 17, 18, 19, 20, 21, 22, 23, 24, 25, 
26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 10, 13, 14, 15, 
17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 
33, 34, 35, 36, 37, 10, 14, 15, 17, 18, 19, 20, 21, 22, 23, 24, 
25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 10, 14, 15, 
17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 
33, 34, 35, 36, 37, 10, 14, 15, 17, 18, 19, 20, 21, 22, 23, 24, 
25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 10, 14, 15, 
17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 
33, 34, 35, 36, 37, 10, 11, 12, 15, 17, 18, 19, 20, 21, 22, 23, 
24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 10, 11, 
12, 15, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 
31, 32, 33, 34, 35, 36, 37, 10, 12, 15, 17, 18, 19, 20, 21, 22, 
23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 10, 
12, 15, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 
31, 32, 33, 34, 35, 36, 37, 10, 12, 15, 17, 18, 19, 20, 21, 22, 
23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37), label = "industry classification", format.stata = "s.0g", labels = c(`P(agricultural)` = 1, 
`P(forestry)` = 2, `P(fishery)` = 5, 
`P(mining)` = 10, `P(oil, natural gas)` = 11, 
`P(mining 2)` = 12, `P(mining 3)` = 13, `P(mining 4)` = 14, 
`M(food)` = 15, `M(tobacco)` = 16, `M(textile)` = 17, 
`M(clothing, fur)` = 18, `M(leather, bags, shoes)` = 19, 
`M(wood)` = 20, `M(pulp)` = 21, 
`Printing` = 22, `M(petroleum, coke, nuclear)` = 23, 
`M(chemical)` = 24, `M(gum, plastic)` = 25, 
`M(non-metal)` = 26, `M(metal)` = 27, 
`M(metal-assembly)` = 28, `M(unclassifiable machinery)` = 29, 
`M(computer)` = 30, `M(unclassifiable electrical machines)` = 31, 
`M(telecommunication)` = 32, `M(medical, optical, precision machinery)` = 33, 
`M(automobile)` = 34, `M(unclassifiable automobile)` = 35, 
`M(furniture)` = 36, `Construction` = 45), class = c("haven_labelled", "vctrs_vctr", "double")), hhi = c(394.383913182351, 
38.0801656067744, 30.0326294736874, 24.7521236733799, 18.3126043708068, 
43.6744934675323, 61.7361225699876, 164.425040214877, 95.5701278229919, 
3297.08822317966, 42.7146359884886, 64.2273420846951, 27.005573802979, 
571.36651093846, 75.2732785978811, 30.322882749353, 352.596091131053, 
85.1823231673531, 200.835325304756, 111.952988219587, 314.198431236067, 
1638.05835100482, 57.3256385420334, 675.51309091688, 457.785430479347, 
45.0697074416156, 24.7660341348632, 9.97537631608406, 29.3459789802799, 
35.5977902528109, 45.3490572230649, 71.4600830619731, 83.8334297443378, 
3878.00818396799, 41.8675682645623, 53.7559701774767, 31.0791668510115, 
529.261268839702, 108.559155202092, 22.9485078879889, 770.643175341473, 
36.7735565125138, 353.837816002246, 151.259249623411, 539.27095373908, 
681.637363471426, 26.5057069589742, 660.962197813434, 498.634833383036, 
4277.28340307325, 44.4286422165634, 31.4608977480354, 9.71835869038991, 
22.5403059759785, 66.1111750748186, 65.7228316062444, 91.99678656251, 
106.93338328768, 4565.01388338255, 61.0498579258827, 64.8785567264267, 
40.3343676510339, 798.718915809646, 8.43127228446104, 25.8518443230045, 
778.333766827968, 52.9322886043841, 455.428678877652, 59.0947877944083, 
737.292396754178, 2214.44086714103, 36.3355872349196, 440.061630194797, 
522.800606929144, 53.1831583011444, 31.2464335846594, 10.8256939818128, 
28.8435195589226, 40.153608559636, 116.378819886471, 91.9495426230522, 
81.9492010537763, 1321.00803318933, 65.5217662997803, 182.687776765954, 
47.3676554204626, 1168.47743418268, 9.35930770773066, 21.7154052930075, 
178.074815813373, 39.1773279726341, 847.87310022576, 58.5387802045211, 
762.286776750171, 579.617655398054, 33.513989294682, 575.164667242332, 
1861.86780112905, 166.888173418913, 74.4842017510786, 42.8539506234503, 
80.2939183082638, 187.094624005146, 238.709086305178, 197.552652750054, 
359.808943365664, 1171.97648452499, 150.966165264893, 64.9984020971181, 
175.299094875009, 203.224997987829, 15.7532394509596, 79.7993822300948, 
563.901475769996, 105.495584001492, 547.258828622135, 170.684171332889, 
1144.70468796318, 4050.43953096033, 113.264037861955, 726.502339882713, 
1914.5748135629, 225.478544168188, 88.8055683512757, 53.7606501348449, 
66.8605094932516, 193.931806365187, 673.216973521294, 216.394430030425, 
319.1145059085, 1584.83164045303, 127.643650730535, 95.7178678235456, 
168.603159045731, 273.812959210006, 18.5528339617831, 127.968204648469, 
658.556355252612, 150.361703232099, 924.288656175701, 112.687040268529, 
1342.95944521461, 210.314858946725, 116.660285766606, 541.823739031936, 
732.79032529478, 168.146633724925, 21.6886141930239, 14.9263463623755, 
21.0688987295627, 25.7075269680137, 107.506754487588, 132.548353928483, 
80.3008299378163, 3084.45742164655, 47.4841449512966, 62.091353288931, 
45.7980373214646, 420.819681103412, 123.276480160528, 36.0568120446956, 
1565.71466451906, 51.6558900246442, 348.366432198157, 94.9815687382927, 
399.007792357465, 848.362427322852, 29.0758885738095, 162.383952143783, 
723.073094625819, 2855.20630826536, 100.398245285199, 31.4177224432867, 
17.1574328960279, 13.3841564192827, 29.2161362941304, 89.7904799825801, 
91.9183505211285, 78.945629242499, 3746.28808378634, 37.2893474610639, 
91.7132991700561, 48.5661726726528, 390.534555618734, 27.983420175632, 
43.6289136089101, 1326.01005269323, 39.815412595509, 390.366557082487, 
93.4287095330928, 697.584214405171, 1168.85763347377, 23.1899609256412, 
125.461600224985, 919.457003502553, 3969.17629044255, 88.9775205952186, 
24.6512084082924, 12.6658289025524, 11.2083549836225, 24.6691699944811, 
74.4567733423912, 91.7614195334266, 84.6277471028106, 3476.42745006007, 
37.2259369724338, 37.1331767262695, 57.2966311629608, 377.75403488605, 
21.8152249959252, 24.9779364721636, 1719.76988421793, 36.6584853734165, 
353.671754646249, 42.0317213157869, 685.157280952937, 1217.65217855664, 
24.1564219738513, 91.7936996817451, 1086.64565527087, 110.101906969311, 
22.4090729781254, 8.85818308368766, 20.73908826467, 77.0404177282726, 
46.9494257009488, 85.0341969843073, 58.2454768933692, 3489.03544027429, 
31.2046992777881, 40.3643279889142, 55.0998354128002, 352.689378895368, 
25.7646709114131, 30.8900441176465, 1428.53106628259, 29.2003796483345, 
309.067709332579, 27.556355444592, 876.479624266762, 982.444209844482, 
27.3650829437821, 77.6141328806056, 1313.34923233111, 96.1328975042862, 
22.1340303588489, 7.39802269980194, 14.3389259373549, 49.5669343049412, 
53.2005387269099, 78.6445588480826, 66.7394362025268, 2930.5957255729, 
32.8414904527762, 35.3554264705458, 44.8397718939749, 352.09401300637, 
20.3001628780857, 26.3154395375311, 1747.31280465066, 24.3149911036694, 
373.117066992827, 35.8211863272719, 222.80627678374, 989.390987386264, 
24.9166780272894, 77.545543680839, 1241.05689771729, 93.2554427854188, 
21.5009489783546, 6.40979349557045, 30.1517289906289, 44.6539396082126, 
26.0497397953054, 73.2468558884983, 61.0431593171497, 2838.78482737057, 
34.8860370304562, 28.3469853627934, 44.7477762662968, 424.344125913353, 
12.3745036846161, 28.2001123486263, 1150.00235921001, 22.0736660859962, 
352.334738983458, 29.6319812115434, 200.583107344393, 842.377715439857, 
18.5822859951623, 77.6409838753705), group = structure(c(1L, 
2L, 3L, 4L, 5L, 6L, 7L, 8L, 9L, 10L, 11L, 12L, 13L, 14L, 15L, 
16L, 17L, 18L, 19L, 20L, 21L, 22L, 23L, 24L, 1L, 2L, 3L, 4L, 
5L, 6L, 7L, 8L, 9L, 10L, 11L, 12L, 13L, 14L, 15L, 16L, 17L, 18L, 
19L, 20L, 21L, 22L, 23L, 24L, 1L, 25L, 2L, 3L, 4L, 5L, 6L, 7L, 
8L, 9L, 10L, 11L, 12L, 13L, 14L, 15L, 16L, 17L, 18L, 19L, 20L, 
21L, 22L, 23L, 24L, 1L, 2L, 3L, 4L, 5L, 6L, 7L, 8L, 9L, 10L, 
11L, 12L, 13L, 14L, 15L, 16L, 17L, 18L, 19L, 20L, 21L, 22L, 23L, 
24L, 1L, 2L, 3L, 4L, 5L, 6L, 7L, 8L, 9L, 10L, 11L, 12L, 13L, 
14L, 15L, 16L, 17L, 18L, 19L, 20L, 21L, 22L, 23L, 24L, 1L, 2L, 
3L, 4L, 5L, 6L, 7L, 8L, 9L, 10L, 11L, 12L, 13L, 14L, 15L, 16L, 
17L, 18L, 19L, 20L, 21L, 22L, 23L, 24L, 1L, 2L, 3L, 4L, 5L, 6L, 
7L, 8L, 9L, 10L, 11L, 12L, 13L, 14L, 15L, 16L, 17L, 18L, 19L, 
20L, 21L, 22L, 23L, 24L, 1L, 26L, 27L, 3L, 4L, 5L, 6L, 7L, 8L, 
9L, 10L, 11L, 12L, 13L, 14L, 15L, 16L, 17L, 18L, 19L, 20L, 21L, 
22L, 23L, 24L, 1L, 26L, 27L, 3L, 4L, 5L, 6L, 7L, 8L, 9L, 10L, 
11L, 12L, 13L, 14L, 15L, 16L, 17L, 18L, 19L, 20L, 21L, 22L, 23L, 
24L, 1L, 27L, 3L, 4L, 5L, 6L, 7L, 8L, 9L, 10L, 11L, 12L, 13L, 
14L, 15L, 16L, 17L, 18L, 19L, 20L, 21L, 22L, 23L, 24L, 1L, 27L, 
3L, 4L, 5L, 6L, 7L, 8L, 9L, 10L, 11L, 12L, 13L, 14L, 15L, 16L, 
17L, 18L, 19L, 20L, 21L, 22L, 23L, 24L, 1L, 27L, 3L, 4L, 5L, 
6L, 7L, 8L, 9L, 10L, 11L, 12L, 13L, 14L, 15L, 16L, 17L, 18L, 
19L, 20L, 21L, 22L, 23L, 24L), .Label = c("10", "14", "15", "17", 
"18", "19", "20", "21", "22", "23", "24", "25", "26", "27", "28", 
"29", "30", "31", "32", "33", "34", "35", "36", "37", "13", "11", 
"12"), class = "factor")), class = c("grouped_df", "tbl_df", 
"tbl", "data.frame"), row.names = c(NA, -291L), groups = structure(list(
    year = structure(c(1992, 1993, 1994, 1995, 1996, 1997, 1998, 
    1999, 2000, 2001, 2002, 2003), format.stata = "%9.0g"), .rows = structure(list(
        1:24, 25:48, 49:73, 74:97, 98:121, 122:145, 146:169, 
        170:194, 195:219, 220:243, 244:267, 268:291), ptype = integer(0), class = c("vctrs_list_of", 
    "vctrs_vctr", "list"))), class = c("tbl_df", "tbl", "data.frame"
), row.names = c(NA, -12L), .drop = TRUE))

uj5u.com熱心網友回復:

由于您可能只需要一個標簽,因此您可以過濾資料集中geom_text去年傳遞給的資料集并映射yearx

library(ggplot2)

ggplot(df_hhi4, aes(x = year, y = hhi, colour = group))  
  geom_line()  
  geom_text(data = subset(df_hhi4, year == max(year)), aes(label = group, colour = group, x = year, y = hhi), hjust = -.1)  
  scale_x_continuous(breaks = c(1992, 1997, 2000, 2003), lim = c(1992, 2003))  
  theme_bw()  
  annotate("rect", xmin = 2000, xmax = Inf, ymin = -Inf, ymax = Inf, alpha = .15)

如何標記每條趨勢線而不是制作圖例

編輯為了使用你的組的標簽,我遵循了一種稍微不同的方法:

  1. 使用 將“數字”替換為標簽haven::as_factor除此之外,我僅對標簽使用輔助資料框。
  2. 取下導板。
  3. 最后,在您鏈接的帖子中,我將標簽放在了情節之外。為此設定clip="off",在內部設定限制coord_cartesian而不是通過scale_x...,通過調整 為標簽出一些空間plot.margin
library(ggplot2)
library(dplyr)

df_hhi4_label <- df_hhi4 %>% 
  group_by(group) %>% 
  filter(year == last(year)) %>% 
  mutate(v5 = haven::as_factor(v5),
         # Use only the text inside parantheses
         v5 = gsub(".\\((.*)\\)", "\\1", v5))
       
ggplot(df_hhi4, aes(x = year, y = hhi, colour = group))  
  geom_line()  
  geom_text(data = df_hhi4_label, aes(label = v5, x = 2003.75, y = hhi), hjust = 0)  
  scale_x_continuous(breaks = c(1992, 1997, 2000, 2003))  
  theme_bw()  
  annotate("rect", xmin = 2000, xmax = Inf, ymin = -Inf, ymax = Inf, alpha = .15)  
  coord_cartesian(clip = "off", xlim = c(1992, 2003))  
  guides(color = "none")  
  theme(plot.margin = margin(t = 5.5, r = 200, 5.5, 5.5, "pt"))

如何標記每條趨勢線而不是制作圖例

轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/369342.html

標籤:r ggplot2

上一篇:洗掉指定條件的行

下一篇:基于輸入的子集資料并在Rshiny上使用此資料創建圖

標籤雲
其他(157675) Python(38076) JavaScript(25376) Java(17977) C(15215) 區塊鏈(8255) C#(7972) AI(7469) 爪哇(7425) MySQL(7132) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5869) 数组(5741) R(5409) Linux(5327) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4554) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2429) ASP.NET(2402) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) 功能(1967) .NET技术(1958) Web開發(1951) python-3.x(1918) HtmlCss(1915) 弹簧靴(1913) C++(1909) xml(1889) PostgreSQL(1872) .NETCore(1853) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • vue移動端上拉加載

    可能做得過于簡單或者比較low,請各位大佬留情,一起探討技術 ......

    uj5u.com 2020-09-10 04:38:07 more
  • 優美網站首頁,頂部多層導航

    一個個人用的瀏覽器首頁,可以把一下常用的網站放在這里,平常打開會比較方便。 第一步,HTML代碼 <script src=https://www.cnblogs.com/szharf/p/"js/jquery-3.4.1.min.js"></script> <div id="navigate"> <ul> <li class="labels labels_1"> ......

    uj5u.com 2020-09-10 04:38:47 more
  • 頁面為要加<!DOCTYPE html>

    最近因為寫一個js函式,需要用到$(window).height(); 由于手寫demo的時候,過于自信,其實對前端方面的認識也不夠體系,用文本檔案直接敲出來的html代碼,第一行沒有加上<!DOCTYPE html> 導致了$(window).height();的結果直接是整個document的高 ......

    uj5u.com 2020-09-10 04:38:52 more
  • WordPress網站程式手動升級要做好資料備份

    WordPress博客網站程式在進行升級前,必須要做好網站資料的備份,這個問題良家佐言是遇見過的;在剛開始接觸WordPress博客程式的時候,因為升級問題和博客網站的修改的一些嘗試,良家佐言是吃盡了苦頭。因為購買的是西部數碼的空間和域名,每當佐言把自己的WordPress博客網站搞到一塌糊涂的時候 ......

    uj5u.com 2020-09-10 04:39:30 more
  • WordPress程式不能升級為5.4.2版本的原因

    WordPress是一款個人博客系統,受到英文博客愛好者和中文博客愛好者的追捧,并逐步演化成一款內容管理系統軟體;它是使用PHP語言和MySQL資料庫開發的,用戶可以在支持PHP和MySQL資料庫的服務器上使用自己的博客。每一次WordPress程式的更新,就會牽動無數WordPress愛好者的心, ......

    uj5u.com 2020-09-10 04:39:49 more
  • 使用CSS3的偽元素進行首字母下沉和首行改變樣式

    網頁中常見的一種效果,首字改變樣式或者首行改變樣式,效果如下圖。 代碼: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ......

    uj5u.com 2020-09-10 04:40:09 more
  • 關于a標簽的講解

    什么是a標簽? <a> 標簽定義超鏈接,用于從一個頁面鏈接到另一個頁面。 <a> 元素最重要的屬性是 href 屬性,它指定鏈接的目標。 a標簽的語法格式:<a href=https://www.cnblogs.com/summerxbc/p/"指定要跳轉的目標界面的鏈接">需要展示給用戶看見的內容</a> a標簽 在所有瀏覽器中,鏈接的默認外觀如下: 未被訪問的鏈接帶 ......

    uj5u.com 2020-09-10 04:40:11 more
  • 前端輪播圖

    在需要輪播的頁面是引入swiper.min.js和swiper.min.css swiper.min.js地址: 鏈接:https://pan.baidu.com/s/15Uh516YHa4CV3X-RyjEIWw 提取碼:4aks swiper.min.css地址 鏈接:https://pan.b ......

    uj5u.com 2020-09-10 04:40:13 more
  • 如何設定html中的背景圖片(全屏顯示,且不拉伸)

    1 <style>2 body{background-image:url(https://uploadbeta.com/api/pictures/random/?key=BingEverydayWallpaperPicture); 3 background-size:cover;background ......

    uj5u.com 2020-09-10 04:40:16 more
  • Java學習——HTML詳解(上)

    HTML詳解 初識HTML Hyper Text Markup Language(超文本標記語言) 1 <!--DOCTYPE:告訴瀏覽器我們要使用什么規范--> 2 <!DOCTYPE html> 3 <html lang="en"> 4 <head> 5 <!--meta 描述性的標簽,描述一些 ......

    uj5u.com 2020-09-10 04:40:33 more
最新发布
  • 我的第一個NPM包:panghu-planebattle-esm(胖虎飛機大戰)使用說明

    好家伙,我的包終于開發完啦 歡迎使用胖虎的飛機大戰包!! 為你的主頁添加色彩 這是一個有趣的網頁小游戲包,使用canvas和js開發 使用ES6模塊化開發 效果圖如下: (覺得圖片太sb的可以自己改) 代碼已開源!! Git: https://gitee.com/tang-and-han-dynas ......

    uj5u.com 2023-04-20 07:59:23 more
  • 生產事故-走近科學之消失的JWT

    入職多年,面對生產環境,盡管都是小心翼翼,慎之又慎,還是難免捅出簍子。輕則滿頭大汗,面紅耳赤。重則系統停擺,損失資金。每一個生產事故的背后,都是寶貴的經驗和教訓,都是專案成員的血淚史。為了更好地防范和遏制今后的各類事故,特開此專題,長期更新和記錄大大小小的各類事故。有些是親身經歷,有些是經人耳傳口授 ......

    uj5u.com 2023-04-18 07:55:04 more
  • 記錄--Canvas實作打飛字游戲

    這里給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 打開游戲界面,看到一個畫面簡潔、卻又富有挑戰性的游戲。螢屏上,有一個白色的矩形框,里面不斷下落著各種單詞,而我需要迅速地輸入這些單詞。如果我輸入的單詞與螢屏上的單詞匹配,那么我就可以獲得得分;如果我輸入的單詞錯誤或者時間過長,那么我就會輸 ......

    uj5u.com 2023-04-04 08:35:30 more
  • 了解 HTTP 看這一篇就夠

    在學習網路之前,了解它的歷史能夠幫助我們明白為何它會發展為如今這個樣子,引發探究網路的興趣。下面的這張圖片就展示了“互聯網”誕生至今的發展歷程。 ......

    uj5u.com 2023-03-16 11:00:15 more
  • 藍牙-低功耗中心設備

    //11.開啟藍牙配接器 openBluetoothAdapter //21.開始搜索藍牙設備 startBluetoothDevicesDiscovery //31.開啟監聽搜索藍牙設備 onBluetoothDeviceFound //30.停止監聽搜索藍牙設備 offBluetoothDevi ......

    uj5u.com 2023-03-15 09:06:45 more
  • canvas畫板(滑鼠和觸摸)

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>canves</title> <style> #canvas { cursor:url(../images/pen.png),crosshair; } #canvasdiv{ bo ......

    uj5u.com 2023-02-15 08:56:31 more
  • 手機端H5 實作自定義拍照界面

    手機端 H5 實作自定義拍照界面也可以使用 MediaDevices API 和 <video> 標簽來實作,和在桌面端做法基本一致。 首先,使用 MediaDevices.getUserMedia() 方法獲取攝像頭媒體流,并將其傳遞給 <video> 標簽進行渲染。 接著,使用 HTML 的 < ......

    uj5u.com 2023-01-12 07:58:22 more
  • 記錄--短視頻滑動播放在 H5 下的實作

    這里給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 短視頻已經無數不在了,但是主體還是使用 app 來承載的。本文講述 H5 如何實作 app 的視頻滑動體驗。 無聲勝有聲,一圖頂百辯,且看下圖: 網址鏈接(需在微信或者手Q中瀏覽) 從上圖可以看到,我們主要實作的功能也是本文要講解的有: ......

    uj5u.com 2023-01-04 07:29:05 more
  • 一文讀懂 HTTP/1 HTTP/2 HTTP/3

    從 1989 年萬維網(www)誕生,HTTP(HyperText Transfer Protocol)經歷了眾多版本迭代,WebSocket 也在期間萌芽。1991 年 HTTP0.9 被發明。1996 年出現了 HTTP1.0。2015 年 HTTP2 正式發布。2020 年 HTTP3 或能正... ......

    uj5u.com 2022-12-24 06:56:02 more
  • 【HTML基礎篇002】HTML之form表單超詳解

    ??一、form表單是什么

    ??二、form表單的屬性

    ??三、input中的各種Type屬性值

    ??四、標簽 ......

    uj5u.com 2022-12-18 07:17:06 more