[{"data":1,"prerenderedAt":1637},["ShallowReactive",2],{"docs:\u002Ftext-basics":3},{"id":4,"title":5,"body":6,"description":1629,"extension":1630,"meta":1631,"navigation":1633,"path":1634,"seo":1635,"stem":12,"__hash__":1636},"docs\u002Ftext-basics.md","Text basics",{"type":7,"value":8,"toc":1621},"minimark",[9,14,23,28,43,279,287,291,301,697,700,819,824,828,837,977,981,991,1129,1132,1136,1139,1610,1614,1617],[10,11,13],"h1",{"id":12},"text-basics","Text Basics",[15,16,17,18,22],"p",{},"Use ",[19,20,21],"code",{},"Text"," for labels, captions, annotations, and chart typography. Text is an\nSVG element, so it uses the same attribute model as shapes.",[24,25,27],"h2",{"id":26},"placing-text","Placing Text",[15,29,30,31,34,35,38,39,42],{},"Create text with content and place it with ",[19,32,33],{},"x"," and ",[19,36,37],{},"y"," or ",[19,40,41],{},"pos",".",[44,45,50],"pre",{"className":46,"code":47,"language":48,"meta":49,"style":49},"language-python shiki shiki-themes material-theme-lighter github-light-high-contrast github-dark","import pydreamplet as dp\n\nsvg = dp.SVG(540, 360)\n\ntitle = dp.Text(\n    \"pyDreamplet\",\n    x=svg.w \u002F 2,\n    y=92,\n    fill=\"currentColor\",\n    font_size=44,\n    font_weight=700,\n    text_anchor=\"middle\",\n)\n\nsvg.append(title)\n","python","",[19,51,52,71,78,114,119,136,153,179,192,209,222,235,252,257,262],{"__ignoreMap":49},[53,54,57,61,65,68],"span",{"class":55,"line":56},"line",1,[53,58,60],{"class":59},"sED7I","import",[53,62,64],{"class":63},"soTeR"," pydreamplet ",[53,66,67],{"class":59},"as",[53,69,70],{"class":63}," dp\n",[53,72,74],{"class":55,"line":73},2,[53,75,77],{"emptyLinePlaceholder":76},true,"\n",[53,79,81,84,88,91,94,98,101,105,108,111],{"class":55,"line":80},3,[53,82,83],{"class":63},"svg ",[53,85,87],{"class":86},"sWKEy","=",[53,89,90],{"class":63}," dp",[53,92,42],{"class":93},"sVsmf",[53,95,97],{"class":96},"sAK04","SVG",[53,99,100],{"class":93},"(",[53,102,104],{"class":103},"sNpir","540",[53,106,107],{"class":93},",",[53,109,110],{"class":103}," 360",[53,112,113],{"class":93},")\n",[53,115,117],{"class":55,"line":116},4,[53,118,77],{"emptyLinePlaceholder":76},[53,120,122,125,127,129,131,133],{"class":55,"line":121},5,[53,123,124],{"class":63},"title ",[53,126,87],{"class":86},[53,128,90],{"class":63},[53,130,42],{"class":93},[53,132,21],{"class":96},[53,134,135],{"class":93},"(\n",[53,137,139,143,147,150],{"class":55,"line":138},6,[53,140,142],{"class":141},"sqo_7","    \"",[53,144,146],{"class":145},"s_jvP","pyDreamplet",[53,148,149],{"class":141},"\"",[53,151,152],{"class":93},",\n",[53,154,156,160,162,165,167,171,174,177],{"class":55,"line":155},7,[53,157,159],{"class":158},"sYEV4","    x",[53,161,87],{"class":86},[53,163,164],{"class":96},"svg",[53,166,42],{"class":93},[53,168,170],{"class":169},"sm80-","w",[53,172,173],{"class":86}," \u002F",[53,175,176],{"class":103}," 2",[53,178,152],{"class":93},[53,180,182,185,187,190],{"class":55,"line":181},8,[53,183,184],{"class":158},"    y",[53,186,87],{"class":86},[53,188,189],{"class":103},"92",[53,191,152],{"class":93},[53,193,195,198,200,202,205,207],{"class":55,"line":194},9,[53,196,197],{"class":158},"    fill",[53,199,87],{"class":86},[53,201,149],{"class":141},[53,203,204],{"class":145},"currentColor",[53,206,149],{"class":141},[53,208,152],{"class":93},[53,210,212,215,217,220],{"class":55,"line":211},10,[53,213,214],{"class":158},"    font_size",[53,216,87],{"class":86},[53,218,219],{"class":103},"44",[53,221,152],{"class":93},[53,223,225,228,230,233],{"class":55,"line":224},11,[53,226,227],{"class":158},"    font_weight",[53,229,87],{"class":86},[53,231,232],{"class":103},"700",[53,234,152],{"class":93},[53,236,238,241,243,245,248,250],{"class":55,"line":237},12,[53,239,240],{"class":158},"    text_anchor",[53,242,87],{"class":86},[53,244,149],{"class":141},[53,246,247],{"class":145},"middle",[53,249,149],{"class":141},[53,251,152],{"class":93},[53,253,255],{"class":55,"line":254},13,[53,256,113],{"class":93},[53,258,260],{"class":55,"line":259},14,[53,261,77],{"emptyLinePlaceholder":76},[53,263,265,267,269,272,274,277],{"class":55,"line":264},15,[53,266,164],{"class":63},[53,268,42],{"class":93},[53,270,271],{"class":96},"append",[53,273,100],{"class":93},[53,275,276],{"class":96},"title",[53,278,113],{"class":93},[15,280,281,282,34,284,286],{},"The ",[19,283,33],{},[19,285,37],{}," attributes define the text anchor point, not the top-left\ncorner of a text box.",[24,288,290],{"id":289},"alignment","Alignment",[15,292,17,293,296,297,300],{},[19,294,295],{},"text_anchor"," for horizontal alignment and ",[19,298,299],{},"alignment_baseline"," for vertical\nalignment.",[44,302,304],{"className":46,"code":303,"language":48,"meta":49,"style":49},"center = dp.G(pos=(svg.w \u002F 2, svg.h \u002F 2))\nsvg.append(center)\n\ncenter.append(dp.Circle(cx=0, cy=0, r=86, fill=\"#14b8a6\", opacity=0.18))\ncenter.append(dp.Line(-110, 0, 110, 0, stroke=\"currentColor\", opacity=0.35))\ncenter.append(dp.Line(0, -70, 0, 70, stroke=\"currentColor\", opacity=0.35))\n\ncenter.append(\n    dp.Text(\n        \"centered\",\n        x=0,\n        y=0,\n        fill=\"currentColor\",\n        font_size=26,\n        text_anchor=\"middle\",\n        alignment_baseline=\"middle\",\n    )\n)\n",[19,305,306,355,370,374,447,510,569,573,583,594,606,617,628,643,655,670,686,692],{"__ignoreMap":49},[53,307,308,311,313,315,317,320,322,324,326,328,330,332,334,336,338,340,343,345,348,350,352],{"class":55,"line":56},[53,309,310],{"class":63},"center ",[53,312,87],{"class":86},[53,314,90],{"class":63},[53,316,42],{"class":93},[53,318,319],{"class":96},"G",[53,321,100],{"class":93},[53,323,41],{"class":158},[53,325,87],{"class":86},[53,327,100],{"class":93},[53,329,164],{"class":96},[53,331,42],{"class":93},[53,333,170],{"class":169},[53,335,173],{"class":86},[53,337,176],{"class":103},[53,339,107],{"class":93},[53,341,342],{"class":96}," svg",[53,344,42],{"class":93},[53,346,347],{"class":169},"h",[53,349,173],{"class":86},[53,351,176],{"class":103},[53,353,354],{"class":93},"))\n",[53,356,357,359,361,363,365,368],{"class":55,"line":73},[53,358,164],{"class":63},[53,360,42],{"class":93},[53,362,271],{"class":96},[53,364,100],{"class":93},[53,366,367],{"class":96},"center",[53,369,113],{"class":93},[53,371,372],{"class":55,"line":80},[53,373,77],{"emptyLinePlaceholder":76},[53,375,376,378,380,382,384,387,389,392,394,397,399,402,404,407,409,411,413,416,418,421,423,426,428,430,433,435,437,440,442,445],{"class":55,"line":116},[53,377,367],{"class":63},[53,379,42],{"class":93},[53,381,271],{"class":96},[53,383,100],{"class":93},[53,385,386],{"class":96},"dp",[53,388,42],{"class":93},[53,390,391],{"class":96},"Circle",[53,393,100],{"class":93},[53,395,396],{"class":158},"cx",[53,398,87],{"class":86},[53,400,401],{"class":103},"0",[53,403,107],{"class":93},[53,405,406],{"class":158}," cy",[53,408,87],{"class":86},[53,410,401],{"class":103},[53,412,107],{"class":93},[53,414,415],{"class":158}," r",[53,417,87],{"class":86},[53,419,420],{"class":103},"86",[53,422,107],{"class":93},[53,424,425],{"class":158}," fill",[53,427,87],{"class":86},[53,429,149],{"class":141},[53,431,432],{"class":145},"#14b8a6",[53,434,149],{"class":141},[53,436,107],{"class":93},[53,438,439],{"class":158}," opacity",[53,441,87],{"class":86},[53,443,444],{"class":103},"0.18",[53,446,354],{"class":93},[53,448,449,451,453,455,457,459,461,464,466,469,472,474,477,479,482,484,486,488,491,493,495,497,499,501,503,505,508],{"class":55,"line":121},[53,450,367],{"class":63},[53,452,42],{"class":93},[53,454,271],{"class":96},[53,456,100],{"class":93},[53,458,386],{"class":96},[53,460,42],{"class":93},[53,462,463],{"class":96},"Line",[53,465,100],{"class":93},[53,467,468],{"class":86},"-",[53,470,471],{"class":103},"110",[53,473,107],{"class":93},[53,475,476],{"class":103}," 0",[53,478,107],{"class":93},[53,480,481],{"class":103}," 110",[53,483,107],{"class":93},[53,485,476],{"class":103},[53,487,107],{"class":93},[53,489,490],{"class":158}," stroke",[53,492,87],{"class":86},[53,494,149],{"class":141},[53,496,204],{"class":145},[53,498,149],{"class":141},[53,500,107],{"class":93},[53,502,439],{"class":158},[53,504,87],{"class":86},[53,506,507],{"class":103},"0.35",[53,509,354],{"class":93},[53,511,512,514,516,518,520,522,524,526,528,530,532,535,538,540,542,544,547,549,551,553,555,557,559,561,563,565,567],{"class":55,"line":138},[53,513,367],{"class":63},[53,515,42],{"class":93},[53,517,271],{"class":96},[53,519,100],{"class":93},[53,521,386],{"class":96},[53,523,42],{"class":93},[53,525,463],{"class":96},[53,527,100],{"class":93},[53,529,401],{"class":103},[53,531,107],{"class":93},[53,533,534],{"class":86}," -",[53,536,537],{"class":103},"70",[53,539,107],{"class":93},[53,541,476],{"class":103},[53,543,107],{"class":93},[53,545,546],{"class":103}," 70",[53,548,107],{"class":93},[53,550,490],{"class":158},[53,552,87],{"class":86},[53,554,149],{"class":141},[53,556,204],{"class":145},[53,558,149],{"class":141},[53,560,107],{"class":93},[53,562,439],{"class":158},[53,564,87],{"class":86},[53,566,507],{"class":103},[53,568,354],{"class":93},[53,570,571],{"class":55,"line":155},[53,572,77],{"emptyLinePlaceholder":76},[53,574,575,577,579,581],{"class":55,"line":181},[53,576,367],{"class":63},[53,578,42],{"class":93},[53,580,271],{"class":96},[53,582,135],{"class":93},[53,584,585,588,590,592],{"class":55,"line":194},[53,586,587],{"class":96},"    dp",[53,589,42],{"class":93},[53,591,21],{"class":96},[53,593,135],{"class":93},[53,595,596,599,602,604],{"class":55,"line":211},[53,597,598],{"class":141},"        \"",[53,600,601],{"class":145},"centered",[53,603,149],{"class":141},[53,605,152],{"class":93},[53,607,608,611,613,615],{"class":55,"line":224},[53,609,610],{"class":158},"        x",[53,612,87],{"class":86},[53,614,401],{"class":103},[53,616,152],{"class":93},[53,618,619,622,624,626],{"class":55,"line":237},[53,620,621],{"class":158},"        y",[53,623,87],{"class":86},[53,625,401],{"class":103},[53,627,152],{"class":93},[53,629,630,633,635,637,639,641],{"class":55,"line":254},[53,631,632],{"class":158},"        fill",[53,634,87],{"class":86},[53,636,149],{"class":141},[53,638,204],{"class":145},[53,640,149],{"class":141},[53,642,152],{"class":93},[53,644,645,648,650,653],{"class":55,"line":259},[53,646,647],{"class":158},"        font_size",[53,649,87],{"class":86},[53,651,652],{"class":103},"26",[53,654,152],{"class":93},[53,656,657,660,662,664,666,668],{"class":55,"line":264},[53,658,659],{"class":158},"        text_anchor",[53,661,87],{"class":86},[53,663,149],{"class":141},[53,665,247],{"class":145},[53,667,149],{"class":141},[53,669,152],{"class":93},[53,671,673,676,678,680,682,684],{"class":55,"line":672},16,[53,674,675],{"class":158},"        alignment_baseline",[53,677,87],{"class":86},[53,679,149],{"class":141},[53,681,247],{"class":145},[53,683,149],{"class":141},[53,685,152],{"class":93},[53,687,689],{"class":55,"line":688},17,[53,690,691],{"class":93},"    )\n",[53,693,695],{"class":55,"line":694},18,[53,696,113],{"class":93},[15,698,699],{},"For labels next to marks, change the anchor instead of manually estimating text\nwidth.",[44,701,703],{"className":46,"code":702,"language":48,"meta":49,"style":49},"center.append(\n    dp.Text(\n        \"start\",\n        x=102,\n        y=0,\n        fill=\"#f83898\",\n        font_size=18,\n        text_anchor=\"start\",\n        alignment_baseline=\"middle\",\n    )\n)\n",[19,704,705,715,725,736,747,757,772,783,797,811,815],{"__ignoreMap":49},[53,706,707,709,711,713],{"class":55,"line":56},[53,708,367],{"class":63},[53,710,42],{"class":93},[53,712,271],{"class":96},[53,714,135],{"class":93},[53,716,717,719,721,723],{"class":55,"line":73},[53,718,587],{"class":96},[53,720,42],{"class":93},[53,722,21],{"class":96},[53,724,135],{"class":93},[53,726,727,729,732,734],{"class":55,"line":80},[53,728,598],{"class":141},[53,730,731],{"class":145},"start",[53,733,149],{"class":141},[53,735,152],{"class":93},[53,737,738,740,742,745],{"class":55,"line":116},[53,739,610],{"class":158},[53,741,87],{"class":86},[53,743,744],{"class":103},"102",[53,746,152],{"class":93},[53,748,749,751,753,755],{"class":55,"line":121},[53,750,621],{"class":158},[53,752,87],{"class":86},[53,754,401],{"class":103},[53,756,152],{"class":93},[53,758,759,761,763,765,768,770],{"class":55,"line":138},[53,760,632],{"class":158},[53,762,87],{"class":86},[53,764,149],{"class":141},[53,766,767],{"class":145},"#f83898",[53,769,149],{"class":141},[53,771,152],{"class":93},[53,773,774,776,778,781],{"class":55,"line":155},[53,775,647],{"class":158},[53,777,87],{"class":86},[53,779,780],{"class":103},"18",[53,782,152],{"class":93},[53,784,785,787,789,791,793,795],{"class":55,"line":181},[53,786,659],{"class":158},[53,788,87],{"class":86},[53,790,149],{"class":141},[53,792,731],{"class":145},[53,794,149],{"class":141},[53,796,152],{"class":93},[53,798,799,801,803,805,807,809],{"class":55,"line":194},[53,800,675],{"class":158},[53,802,87],{"class":86},[53,804,149],{"class":141},[53,806,247],{"class":145},[53,808,149],{"class":141},[53,810,152],{"class":93},[53,812,813],{"class":55,"line":211},[53,814,691],{"class":93},[53,816,817],{"class":55,"line":224},[53,818,113],{"class":93},[820,821],"svg-preview",{"alt":822,"src":823},"Example SVG generated from the text basics code","\u002Fshowcase\u002Ftext_basics_01.svg",[24,825,827],{"id":826},"multiline-text","Multiline Text",[15,829,830,832,833,836],{},[19,831,21],{}," accepts newline characters. Use ",[19,834,835],{},"v_space"," to control the vertical spacing\nbetween lines.",[44,838,840],{"className":46,"code":839,"language":48,"meta":49,"style":49},"note = dp.Text(\n    \"vector graphics\\nwith code\",\n    x=svg.w \u002F 2,\n    y=292,\n    fill=\"currentColor\",\n    font_size=20,\n    text_anchor=\"middle\",\n    v_space=26,\n)\n\nsvg.append(note)\n",[19,841,842,857,875,893,904,918,929,943,954,958,962],{"__ignoreMap":49},[53,843,844,847,849,851,853,855],{"class":55,"line":56},[53,845,846],{"class":63},"note ",[53,848,87],{"class":86},[53,850,90],{"class":63},[53,852,42],{"class":93},[53,854,21],{"class":96},[53,856,135],{"class":93},[53,858,859,861,864,868,871,873],{"class":55,"line":73},[53,860,142],{"class":141},[53,862,863],{"class":145},"vector graphics",[53,865,867],{"class":866},"sRXN5","\\n",[53,869,870],{"class":145},"with code",[53,872,149],{"class":141},[53,874,152],{"class":93},[53,876,877,879,881,883,885,887,889,891],{"class":55,"line":80},[53,878,159],{"class":158},[53,880,87],{"class":86},[53,882,164],{"class":96},[53,884,42],{"class":93},[53,886,170],{"class":169},[53,888,173],{"class":86},[53,890,176],{"class":103},[53,892,152],{"class":93},[53,894,895,897,899,902],{"class":55,"line":116},[53,896,184],{"class":158},[53,898,87],{"class":86},[53,900,901],{"class":103},"292",[53,903,152],{"class":93},[53,905,906,908,910,912,914,916],{"class":55,"line":121},[53,907,197],{"class":158},[53,909,87],{"class":86},[53,911,149],{"class":141},[53,913,204],{"class":145},[53,915,149],{"class":141},[53,917,152],{"class":93},[53,919,920,922,924,927],{"class":55,"line":138},[53,921,214],{"class":158},[53,923,87],{"class":86},[53,925,926],{"class":103},"20",[53,928,152],{"class":93},[53,930,931,933,935,937,939,941],{"class":55,"line":155},[53,932,240],{"class":158},[53,934,87],{"class":86},[53,936,149],{"class":141},[53,938,247],{"class":145},[53,940,149],{"class":141},[53,942,152],{"class":93},[53,944,945,948,950,952],{"class":55,"line":181},[53,946,947],{"class":158},"    v_space",[53,949,87],{"class":86},[53,951,652],{"class":103},[53,953,152],{"class":93},[53,955,956],{"class":55,"line":194},[53,957,113],{"class":93},[53,959,960],{"class":55,"line":211},[53,961,77],{"emptyLinePlaceholder":76},[53,963,964,966,968,970,972,975],{"class":55,"line":224},[53,965,164],{"class":63},[53,967,42],{"class":93},[53,969,271],{"class":96},[53,971,100],{"class":93},[53,973,974],{"class":96},"note",[53,976,113],{"class":93},[24,978,980],{"id":979},"measuring-text","Measuring Text",[15,982,983,984,987,988,990],{},"When layout depends on text dimensions, use ",[19,985,986],{},"TypographyMeasurer",". It can read\nfont properties from a ",[19,989,21],{}," element.",[44,992,994],{"className":46,"code":993,"language":48,"meta":49,"style":49},"from pydreamplet.typography import TypographyMeasurer\n\nlabel = dp.Text(\n    \"Measured label\",\n    font_family=\"Arial\",\n    font_size=18,\n    font_weight=400,\n)\n\nmeasurer = TypographyMeasurer()\nwidth, height = measurer.measure_text(label)\n",[19,995,996,1014,1018,1033,1044,1060,1070,1081,1085,1089,1102],{"__ignoreMap":49},[53,997,998,1001,1004,1006,1009,1011],{"class":55,"line":56},[53,999,1000],{"class":59},"from",[53,1002,1003],{"class":63}," pydreamplet",[53,1005,42],{"class":93},[53,1007,1008],{"class":63},"typography ",[53,1010,60],{"class":59},[53,1012,1013],{"class":63}," TypographyMeasurer\n",[53,1015,1016],{"class":55,"line":73},[53,1017,77],{"emptyLinePlaceholder":76},[53,1019,1020,1023,1025,1027,1029,1031],{"class":55,"line":80},[53,1021,1022],{"class":63},"label ",[53,1024,87],{"class":86},[53,1026,90],{"class":63},[53,1028,42],{"class":93},[53,1030,21],{"class":96},[53,1032,135],{"class":93},[53,1034,1035,1037,1040,1042],{"class":55,"line":116},[53,1036,142],{"class":141},[53,1038,1039],{"class":145},"Measured label",[53,1041,149],{"class":141},[53,1043,152],{"class":93},[53,1045,1046,1049,1051,1053,1056,1058],{"class":55,"line":121},[53,1047,1048],{"class":158},"    font_family",[53,1050,87],{"class":86},[53,1052,149],{"class":141},[53,1054,1055],{"class":145},"Arial",[53,1057,149],{"class":141},[53,1059,152],{"class":93},[53,1061,1062,1064,1066,1068],{"class":55,"line":138},[53,1063,214],{"class":158},[53,1065,87],{"class":86},[53,1067,780],{"class":103},[53,1069,152],{"class":93},[53,1071,1072,1074,1076,1079],{"class":55,"line":155},[53,1073,227],{"class":158},[53,1075,87],{"class":86},[53,1077,1078],{"class":103},"400",[53,1080,152],{"class":93},[53,1082,1083],{"class":55,"line":181},[53,1084,113],{"class":93},[53,1086,1087],{"class":55,"line":194},[53,1088,77],{"emptyLinePlaceholder":76},[53,1090,1091,1094,1096,1099],{"class":55,"line":211},[53,1092,1093],{"class":63},"measurer ",[53,1095,87],{"class":86},[53,1097,1098],{"class":96}," TypographyMeasurer",[53,1100,1101],{"class":93},"()\n",[53,1103,1104,1107,1109,1112,1114,1117,1119,1122,1124,1127],{"class":55,"line":224},[53,1105,1106],{"class":63},"width",[53,1108,107],{"class":93},[53,1110,1111],{"class":63}," height ",[53,1113,87],{"class":86},[53,1115,1116],{"class":63}," measurer",[53,1118,42],{"class":93},[53,1120,1121],{"class":96},"measure_text",[53,1123,100],{"class":93},[53,1125,1126],{"class":96},"label",[53,1128,113],{"class":93},[15,1130,1131],{},"Measurements are layout estimates. Browser rendering can differ slightly\nbetween operating systems, fonts, and SVG viewers.",[24,1133,1135],{"id":1134},"measured-layout","Measured Layout",[15,1137,1138],{},"Use the measured width and height to align other elements around a label. This\nexample draws a rectangle centered on text whose anchor is also centered.",[44,1140,1142],{"className":46,"code":1141,"language":48,"meta":49,"style":49},"from pydreamplet.typography import TypographyMeasurer, get_system_font_path\n\nfont_path = get_system_font_path(\"Arial\", 700)\nif font_path is None:\n    raise RuntimeError(\"Arial is not available on this system.\")\n\nlabel = dp.Text(\n    \"pyDreamplet\",\n    x=0,\n    y=0,\n    font_family=\"Arial\",\n    font_size=42,\n    font_weight=700,\n    fill=\"currentColor\",\n    text_anchor=\"middle\",\n    alignment_baseline=\"middle\",\n)\n\nwidth, height = TypographyMeasurer(font_path=font_path).measure_text(label)\n\ngroup = dp.G(pos=(svg.w \u002F 2, svg.h \u002F 2))\ngroup.append(\n    dp.Rect(\n        x=-width \u002F 2,\n        y=-height \u002F 2,\n        width=width,\n        height=height,\n        fill=\"none\",\n        stroke=\"#14b8a6\",\n        stroke_width=2,\n    ),\n    label,\n)\nsvg.append(group)\n",[19,1143,1144,1163,1167,1192,1210,1230,1234,1248,1258,1268,1278,1292,1303,1313,1327,1341,1356,1360,1364,1397,1402,1448,1460,1472,1490,1506,1518,1531,1547,1563,1576,1582,1590,1595],{"__ignoreMap":49},[53,1145,1146,1148,1150,1152,1154,1156,1158,1160],{"class":55,"line":56},[53,1147,1000],{"class":59},[53,1149,1003],{"class":63},[53,1151,42],{"class":93},[53,1153,1008],{"class":63},[53,1155,60],{"class":59},[53,1157,1098],{"class":63},[53,1159,107],{"class":93},[53,1161,1162],{"class":63}," get_system_font_path\n",[53,1164,1165],{"class":55,"line":73},[53,1166,77],{"emptyLinePlaceholder":76},[53,1168,1169,1172,1174,1177,1179,1181,1183,1185,1187,1190],{"class":55,"line":80},[53,1170,1171],{"class":63},"font_path ",[53,1173,87],{"class":86},[53,1175,1176],{"class":96}," get_system_font_path",[53,1178,100],{"class":93},[53,1180,149],{"class":141},[53,1182,1055],{"class":145},[53,1184,149],{"class":141},[53,1186,107],{"class":93},[53,1188,1189],{"class":103}," 700",[53,1191,113],{"class":93},[53,1193,1194,1197,1200,1203,1207],{"class":55,"line":116},[53,1195,1196],{"class":59},"if",[53,1198,1199],{"class":63}," font_path ",[53,1201,1202],{"class":86},"is",[53,1204,1206],{"class":1205},"sTy78"," None",[53,1208,1209],{"class":93},":\n",[53,1211,1212,1215,1219,1221,1223,1226,1228],{"class":55,"line":121},[53,1213,1214],{"class":59},"    raise",[53,1216,1218],{"class":1217},"s-tzF"," RuntimeError",[53,1220,100],{"class":93},[53,1222,149],{"class":141},[53,1224,1225],{"class":145},"Arial is not available on this system.",[53,1227,149],{"class":141},[53,1229,113],{"class":93},[53,1231,1232],{"class":55,"line":138},[53,1233,77],{"emptyLinePlaceholder":76},[53,1235,1236,1238,1240,1242,1244,1246],{"class":55,"line":155},[53,1237,1022],{"class":63},[53,1239,87],{"class":86},[53,1241,90],{"class":63},[53,1243,42],{"class":93},[53,1245,21],{"class":96},[53,1247,135],{"class":93},[53,1249,1250,1252,1254,1256],{"class":55,"line":181},[53,1251,142],{"class":141},[53,1253,146],{"class":145},[53,1255,149],{"class":141},[53,1257,152],{"class":93},[53,1259,1260,1262,1264,1266],{"class":55,"line":194},[53,1261,159],{"class":158},[53,1263,87],{"class":86},[53,1265,401],{"class":103},[53,1267,152],{"class":93},[53,1269,1270,1272,1274,1276],{"class":55,"line":211},[53,1271,184],{"class":158},[53,1273,87],{"class":86},[53,1275,401],{"class":103},[53,1277,152],{"class":93},[53,1279,1280,1282,1284,1286,1288,1290],{"class":55,"line":224},[53,1281,1048],{"class":158},[53,1283,87],{"class":86},[53,1285,149],{"class":141},[53,1287,1055],{"class":145},[53,1289,149],{"class":141},[53,1291,152],{"class":93},[53,1293,1294,1296,1298,1301],{"class":55,"line":237},[53,1295,214],{"class":158},[53,1297,87],{"class":86},[53,1299,1300],{"class":103},"42",[53,1302,152],{"class":93},[53,1304,1305,1307,1309,1311],{"class":55,"line":254},[53,1306,227],{"class":158},[53,1308,87],{"class":86},[53,1310,232],{"class":103},[53,1312,152],{"class":93},[53,1314,1315,1317,1319,1321,1323,1325],{"class":55,"line":259},[53,1316,197],{"class":158},[53,1318,87],{"class":86},[53,1320,149],{"class":141},[53,1322,204],{"class":145},[53,1324,149],{"class":141},[53,1326,152],{"class":93},[53,1328,1329,1331,1333,1335,1337,1339],{"class":55,"line":264},[53,1330,240],{"class":158},[53,1332,87],{"class":86},[53,1334,149],{"class":141},[53,1336,247],{"class":145},[53,1338,149],{"class":141},[53,1340,152],{"class":93},[53,1342,1343,1346,1348,1350,1352,1354],{"class":55,"line":672},[53,1344,1345],{"class":158},"    alignment_baseline",[53,1347,87],{"class":86},[53,1349,149],{"class":141},[53,1351,247],{"class":145},[53,1353,149],{"class":141},[53,1355,152],{"class":93},[53,1357,1358],{"class":55,"line":688},[53,1359,113],{"class":93},[53,1361,1362],{"class":55,"line":694},[53,1363,77],{"emptyLinePlaceholder":76},[53,1365,1367,1369,1371,1373,1375,1377,1379,1382,1384,1386,1389,1391,1393,1395],{"class":55,"line":1366},19,[53,1368,1106],{"class":63},[53,1370,107],{"class":93},[53,1372,1111],{"class":63},[53,1374,87],{"class":86},[53,1376,1098],{"class":96},[53,1378,100],{"class":93},[53,1380,1381],{"class":158},"font_path",[53,1383,87],{"class":86},[53,1385,1381],{"class":96},[53,1387,1388],{"class":93},").",[53,1390,1121],{"class":96},[53,1392,100],{"class":93},[53,1394,1126],{"class":96},[53,1396,113],{"class":93},[53,1398,1400],{"class":55,"line":1399},20,[53,1401,77],{"emptyLinePlaceholder":76},[53,1403,1405,1408,1410,1412,1414,1416,1418,1420,1422,1424,1426,1428,1430,1432,1434,1436,1438,1440,1442,1444,1446],{"class":55,"line":1404},21,[53,1406,1407],{"class":63},"group ",[53,1409,87],{"class":86},[53,1411,90],{"class":63},[53,1413,42],{"class":93},[53,1415,319],{"class":96},[53,1417,100],{"class":93},[53,1419,41],{"class":158},[53,1421,87],{"class":86},[53,1423,100],{"class":93},[53,1425,164],{"class":96},[53,1427,42],{"class":93},[53,1429,170],{"class":169},[53,1431,173],{"class":86},[53,1433,176],{"class":103},[53,1435,107],{"class":93},[53,1437,342],{"class":96},[53,1439,42],{"class":93},[53,1441,347],{"class":169},[53,1443,173],{"class":86},[53,1445,176],{"class":103},[53,1447,354],{"class":93},[53,1449,1451,1454,1456,1458],{"class":55,"line":1450},22,[53,1452,1453],{"class":63},"group",[53,1455,42],{"class":93},[53,1457,271],{"class":96},[53,1459,135],{"class":93},[53,1461,1463,1465,1467,1470],{"class":55,"line":1462},23,[53,1464,587],{"class":96},[53,1466,42],{"class":93},[53,1468,1469],{"class":96},"Rect",[53,1471,135],{"class":93},[53,1473,1475,1477,1480,1483,1486,1488],{"class":55,"line":1474},24,[53,1476,610],{"class":158},[53,1478,1479],{"class":86},"=-",[53,1481,1482],{"class":96},"width ",[53,1484,1485],{"class":86},"\u002F",[53,1487,176],{"class":103},[53,1489,152],{"class":93},[53,1491,1493,1495,1497,1500,1502,1504],{"class":55,"line":1492},25,[53,1494,621],{"class":158},[53,1496,1479],{"class":86},[53,1498,1499],{"class":96},"height ",[53,1501,1485],{"class":86},[53,1503,176],{"class":103},[53,1505,152],{"class":93},[53,1507,1509,1512,1514,1516],{"class":55,"line":1508},26,[53,1510,1511],{"class":158},"        width",[53,1513,87],{"class":86},[53,1515,1106],{"class":96},[53,1517,152],{"class":93},[53,1519,1521,1524,1526,1529],{"class":55,"line":1520},27,[53,1522,1523],{"class":158},"        height",[53,1525,87],{"class":86},[53,1527,1528],{"class":96},"height",[53,1530,152],{"class":93},[53,1532,1534,1536,1538,1540,1543,1545],{"class":55,"line":1533},28,[53,1535,632],{"class":158},[53,1537,87],{"class":86},[53,1539,149],{"class":141},[53,1541,1542],{"class":145},"none",[53,1544,149],{"class":141},[53,1546,152],{"class":93},[53,1548,1550,1553,1555,1557,1559,1561],{"class":55,"line":1549},29,[53,1551,1552],{"class":158},"        stroke",[53,1554,87],{"class":86},[53,1556,149],{"class":141},[53,1558,432],{"class":145},[53,1560,149],{"class":141},[53,1562,152],{"class":93},[53,1564,1566,1569,1571,1574],{"class":55,"line":1565},30,[53,1567,1568],{"class":158},"        stroke_width",[53,1570,87],{"class":86},[53,1572,1573],{"class":103},"2",[53,1575,152],{"class":93},[53,1577,1579],{"class":55,"line":1578},31,[53,1580,1581],{"class":93},"    ),\n",[53,1583,1585,1588],{"class":55,"line":1584},32,[53,1586,1587],{"class":96},"    label",[53,1589,152],{"class":93},[53,1591,1593],{"class":55,"line":1592},33,[53,1594,113],{"class":93},[53,1596,1598,1600,1602,1604,1606,1608],{"class":55,"line":1597},34,[53,1599,164],{"class":63},[53,1601,42],{"class":93},[53,1603,271],{"class":96},[53,1605,100],{"class":93},[53,1607,1453],{"class":96},[53,1609,113],{"class":93},[24,1611,1613],{"id":1612},"next","Next",[15,1615,1616],{},"Continue with the reference section for API-level details.",[1618,1619,1620],"style",{},"html pre.shiki code .sED7I, html code.shiki .sED7I{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#A0111F;--shiki-default-font-style:inherit;--shiki-dark:#F97583;--shiki-dark-font-style:inherit}html pre.shiki code .soTeR, html code.shiki .soTeR{--shiki-light:#90A4AE;--shiki-default:#0E1116;--shiki-dark:#E1E4E8}html pre.shiki code .sWKEy, html code.shiki .sWKEy{--shiki-light:#39ADB5;--shiki-default:#A0111F;--shiki-dark:#F97583}html pre.shiki code .sVsmf, html code.shiki .sVsmf{--shiki-light:#39ADB5;--shiki-default:#0E1116;--shiki-dark:#E1E4E8}html pre.shiki code .sAK04, html code.shiki .sAK04{--shiki-light:#6182B8;--shiki-default:#0E1116;--shiki-dark:#E1E4E8}html pre.shiki code .sNpir, html code.shiki .sNpir{--shiki-light:#F76D47;--shiki-default:#023B95;--shiki-dark:#79B8FF}html pre.shiki code .sqo_7, html code.shiki .sqo_7{--shiki-light:#39ADB5;--shiki-default:#032563;--shiki-dark:#9ECBFF}html pre.shiki code .s_jvP, html code.shiki .s_jvP{--shiki-light:#91B859;--shiki-default:#032563;--shiki-dark:#9ECBFF}html pre.shiki code .sYEV4, html code.shiki .sYEV4{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#702C00;--shiki-default-font-style:inherit;--shiki-dark:#FFAB70;--shiki-dark-font-style:inherit}html pre.shiki code .sm80-, html code.shiki .sm80-{--shiki-light:#E53935;--shiki-default:#0E1116;--shiki-dark:#E1E4E8}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sRXN5, html code.shiki .sRXN5{--shiki-light:#90A4AE;--shiki-default:#A0111F;--shiki-dark:#79B8FF}html pre.shiki code .sTy78, html code.shiki .sTy78{--shiki-light:#39ADB5;--shiki-default:#023B95;--shiki-dark:#79B8FF}html pre.shiki code .s-tzF, html code.shiki .s-tzF{--shiki-light:#E2931D;--shiki-default:#023B95;--shiki-dark:#79B8FF}",{"title":49,"searchDepth":80,"depth":80,"links":1622},[1623,1624,1625,1626,1627,1628],{"id":26,"depth":73,"text":27},{"id":289,"depth":73,"text":290},{"id":826,"depth":73,"text":827},{"id":979,"depth":73,"text":980},{"id":1134,"depth":73,"text":1135},{"id":1612,"depth":73,"text":1613},"Place, align, and measure SVG text elements.","md",{"category":1632},"guide",{"title":5},"\u002Ftext-basics",{"title":5,"description":1629},"1cV-7pt4DyXSd4MrSpoaJ65ELEG2qbWwjgMxJFgdiTA",1780692544906]