{"id":180659,"date":"2013-05-23T14:24:03","date_gmt":"2013-05-23T10:24:03","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=180659"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=180659","title":{"rendered":"\u041f\u0440\u0438\u043c\u0435\u0440 \u043a\u0440\u0443\u0433\u043e\u0432\u043e\u0439 \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b \u0432 SVG \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430\u043c\u0438 Raphael \u0438 PHP<\/span>"},"content":{"rendered":"
\t\u0412 \u0445\u043e\u0434\u0435 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043e\u0434\u043d\u043e\u0433\u043e \u0438\u0437 \u043d\u0430\u0448\u0438\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432 \u043c\u044b \u0441\u0442\u043e\u043b\u043a\u043d\u0443\u043b\u0438\u0441\u044c \u0441 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u044c\u044e \u043e\u0442\u0434\u0430\u0432\u0430\u0442\u044c \u0432 \u043a\u043b\u0438\u0435\u043d\u0442\u0441\u043a\u043e\u043c html \u0431\u043e\u043b\u044c\u0448\u043e\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0433\u0440\u0430\u0444\u0438\u043a\u0438. \u0421 \u0442\u043e\u0447\u043a\u0438 \u0437\u0440\u0435\u043d\u0438\u044f \u043c\u0438\u043d\u0438\u043c\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440, \u0441\u0442\u0440\u043e\u0438\u0442\u044c \u043e\u0431\u044a\u0451\u043c\u043d\u0443\u044e \u0433\u0440\u0430\u0444\u0438\u043a\u0443 \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u043a\u043b\u0438\u0435\u043d\u0442\u0430 \u2014 \u044d\u0442\u043e \u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435. \u041f\u0440\u0438 \u043f\u043e\u0438\u0441\u043a\u0435 \u0433\u043e\u0442\u043e\u0432\u044b\u0445 \u0438 \u043f\u043e\u0434\u0445\u043e\u0434\u044f\u0449\u0438\u0445 \u043d\u0430\u043c JS \u0440\u0435\u0448\u0435\u043d\u0438\u0439 \u0438\u0437 \u044d\u0442\u043e\u0439 \u043e\u0431\u043b\u0430\u0441\u0442\u0438 \u043c\u044b \u043e\u0441\u043d\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u043f\u043e\u0434\u0441\u0435\u043b\u0438 \u043d\u0430 JS \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443 Raphael<\/a>, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043b\u0435\u0433\u043a\u043e \u043f\u0440\u043e\u0440\u0438\u0441\u043e\u0432\u044b\u0432\u0430\u0442\u044c \u0432\u0435\u043a\u0442\u043e\u0440\u043d\u0443\u044e \u0433\u0440\u0430\u0444\u0438\u043a\u0443 \u0432\u043e \u0432\u0441\u0435\u0445 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0445 \u043d\u0430 \u0441\u0435\u0433\u043e\u0434\u043d\u044f \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445. \u0420\u0430\u0437\u043e\u0431\u0440\u0430\u0432\u0448\u0438\u0441\u044c \u0432 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u0435 \u0438 \u043e\u0442\u043b\u0430\u0434\u0438\u0432 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0444\u0443\u043d\u043a\u0446\u0438\u0439 \u043f\u043e \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044e \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0445 \u0442\u0438\u043f\u043e\u0432 \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c, \u043c\u044b \u0440\u0435\u0448\u0438\u043b\u0438 \u043f\u043e\u0434\u0435\u043b\u0438\u0442\u044c\u0441\u044f \u0437\u0434\u0435\u0441\u044c \u0441\u0432\u043e\u0438\u043c\u0438 \u043d\u0430\u0440\u0430\u0431\u043e\u0442\u043a\u0430\u043c\u0438.<\/p>\n

\"\u041f\u0440\u0438\u043c\u0435\u0440<\/p>\n

\u0418\u0442\u0430\u043a. \u041e\u043f\u0438\u0441\u0430\u043d\u043d\u044b\u0439 \u043d\u0438\u0436\u0435 \u043f\u0440\u0438\u043c\u0435\u0440 \u0441\u043e\u0437\u0434\u0430\u0451\u0442 \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430\u043c\u0438 Raphael \u0438 PHP \u043a\u0440\u0443\u0433\u043e\u0432\u0443\u044e \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u0443 \u0432 \u0444\u043e\u0440\u043c\u0430\u0442\u0435 SVG, \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u043d\u0443\u044e \u043d\u0430 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0438. \u041c\u044b \u043f\u043e\u0441\u0442\u0430\u0440\u0430\u043b\u0438\u0441\u044c \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u043e \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u043e \u043e\u043f\u0438\u0441\u0430\u0442\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u0439 \u043a\u043e\u0434, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u043c\u043e\u0447\u044c \u0432\u0441\u0435\u043c \u0442\u0435\u043c, \u043a\u0442\u043e \u0441\u0430\u043c\u043e\u0441\u0442\u043e\u044f\u0442\u0435\u043b\u044c\u043d\u043e \u0440\u0430\u0437\u043e\u0431\u0440\u0430\u0442\u044c\u0441\u044f \u0432 \u044d\u0442\u043e\u043c \u043d\u0435 \u043d\u0430\u0448\u0451\u043b \u0441\u0438\u043b \u0438\u043b\u0438 \u0432\u0440\u0435\u043c\u0435\u043d\u0438.
<\/a>
\u0424\u0430\u0439\u043b circle.php:<\/u><\/p>\n

<?php  \/\/ \u0434\u043b\u044f \u043d\u0430\u0447\u0430\u043b\u0430 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043e\u0431\u044a\u0435\u043a\u0442 \u0441 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0451\u043d\u043d\u044b\u043c \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0440\u043e\u043c, \/\/ \u0437\u0430\u0434\u0430\u043d\u043d\u043e\u0439 \u0448\u0438\u0440\u0438\u043d\u044b \u0438 \u0432\u044b\u0441\u043e\u0442\u044b \u0434\u043b\u044f \u0434\u0430\u043b\u044c\u043d\u0435\u0439\u0448\u0435\u0439 \u0440\u0430\u0431\u043e\u0442\u044b  function start_paper($id, $width, $height) {    return 'var r = Raphael("' .$id .'", ' .$width .', ' .$height .');';  }  \/\/ \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043a\u0440\u0443\u0433\u043e\u0432\u043e\u0439 \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b  function paper_circle_chart($params) {    \/\/ \u0440\u0430\u0441\u0447\u0451\u0442 \u0440\u0430\u0434\u0438\u0443\u0441\u0430 "\u0438\u0437\u043b\u043e\u043c\u0430" \u043a\u0430\u043a \u043f\u043e\u043b\u043e\u0432\u0438\u043d\u044b \u0442\u043e\u043b\u0449\u0438\u043d\u044b \u0441\u0435\u043a\u0442\u043e\u0440\u0430   \/\/ \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f 3D \u044d\u0444\u0444\u0435\u043a\u0442\u0430 \u0432\u044b\u043f\u0443\u043a\u043b\u043e\u0441\u0442\u0438 \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b    $shadow_width = floor(($params['radius']-$params['inradius'])*0.47);   $pradius = $params['radius'] - $shadow_width;    \/\/ \u0440\u0430\u0434\u0438\u0443\u0441 \u0432\u044b\u043d\u043e\u0441\u0430 \u043b\u0438\u043d\u0438\u0439 \u0432\u044b\u043d\u043e\u0441\u043a\u0438    $outradius = $params['radius'] + $params['text_radius'];    \/\/ \u0441\u0443\u043c\u043c\u0430 \u0434\u0430\u043d\u043d\u044b\u0445    $total = array_sum($params['data']);    $i = 0;     $prev = 0;     $fangel = 0;     $code = '';   $pcode = '';   $pline = '';   $ptext = '';   $pstext = '';   $center = '';   $begin = true;    \/\/ \u0440\u0438\u0441\u0443\u0435\u043c \u0441\u0435\u043a\u0442\u043e\u0440\u044b \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b \u0432 \u0446\u0438\u043a\u043b\u0435    foreach ($params['data'] as $k => $v) {      \/\/ \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u043c \u0446\u0432\u0435\u0442 \u0442\u0435\u043a\u0443\u0449\u0435\u0433\u043e \u0441\u0435\u043a\u0442\u043e\u0440\u0430      $color = $params['colors'][$i];      \/\/ \u0435\u0441\u043b\u0438 \u043d\u0443\u043b\u0435\u0432\u043e\u0439 \u0441\u0435\u043a\u0442\u043e\u0440 \u043f\u0440\u043e\u0445\u043e\u0434\u0438\u043c \u043c\u0438\u043c\u043e      if ($v == 0) {       $i++;       continue;       }      \/\/ \u0435\u0441\u043b\u0438 \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u0430 \u0441\u043e\u0441\u0442\u043e\u0438\u0442 \u0438\u0437 \u043e\u0434\u043d\u043e\u0433\u043e \u0441\u0435\u043a\u0442\u043e\u0440\u0430 - \u0440\u0438\u0441\u0443\u0435\u043c \u0441\u043f\u043b\u043e\u0448\u043d\u043e\u0439 \u043a\u0440\u0443\u0433      elseif ($v == $total) {       $pend = deg2rad(45);       $code = '           r.circle(' .$params['centerx'] .', ' .$params['centery'] .', ' .$params['radius'] .').attr({"fill": "' .$color .'"})';       if (count($params['texts'])) {         $dxc = round($params['centerx'] + $pradius * sin($pend), 2);         $dyc = round($params['centery'] - $pradius * cos($pend), 2);         $dxc1 = round($params['centerx'] + $outradius * sin($pend), 2);         $dyc1 = round($params['centery'] - $outradius * cos($pend), 2);         $dxc2 = $dxc1 + $params['text_width'];         $dxc3 = $dxc1 + round($params['text_width']\/2, 2);         $dyc2 = $dyc1 - $params['text_minus'];         $dyc3 = $dyc1 + $params['text_plus'];         $pcode .= '           r.circle(' .$dxc .', ' .$dyc .', ' .$params['point_radius'] .')';         $pline .= '         r.path("M'. $dxc .','. $dyc .' L'. $dxc1 .','. $dyc1 .' L'. $dxc2 .','. $dyc1 .'")';         $ptext .= '           r.text(' .$dxc3 .', ' .$dyc2 .', "100 %")';         $pstext .= '           r.text(' .$dxc3 .', ' .$dyc3 .', "' .$params['texts'][$i] .'")';         }       }      \/\/ \u0438\u043d\u0430\u0447\u0435 - \u0440\u0438\u0441\u0443\u0435\u043c \u0442\u0435\u043a\u0443\u0449\u0438\u0439 \u0441\u0435\u043a\u0442\u043e\u0440      else {       $percent = $v \/ $total;         $angel = 360 * $percent;         $rad = deg2rad($angel);         $end = $prev + $rad;       $pend = $prev + $rad\/2;       $dx = round($params['centerx'] + $params['radius'] * sin($prev), 2);       $dy = round($params['centery'] - $params['radius'] * cos($prev), 2);       $dxp = round($params['centerx'] + $params['radius'] * sin($end), 2);         $dyp = round($params['centery'] - $params['radius'] * cos($end), 2);         if ($percent > 0.5) $sec = 1;       else $sec = 0;       if (!$begin) $code .= ',';       $code .= '           r.path("M' .$params['centerx'] .',' .$params['centery'] .' L' .$dx .',' .$dy .' A' .$params['radius'] .',' .$params['radius'] .' 0 ' .$sec .',1 ' .$dxp .',' .$dyp .' z").attr({"fill": "' .$color .'"})';       if (count($params['texts'])) {         $dxc = round($params['centerx'] + $pradius * sin($pend), 2);         $dyc = round($params['centery'] - $pradius * cos($pend), 2);         $dxc1 = round($params['centerx'] + $outradius * sin($pend), 2);         $dyc1 = round($params['centery'] - $outradius * cos($pend), 2);         if (($fangel + $angel\/2) > 180) {           $dxc2 = $dxc1 - $params['text_width'];           $dxc3 = $dxc1 - round($params['text_width']\/2, 2);           }         else {           $dxc2 = $dxc1 + $params['text_width'];           $dxc3 = $dxc1 + round($params['text_width']\/2, 2);           }         $dyc2 = $dyc1 - $params['text_minus'];         $dyc3 = $dyc1 + $params['text_plus'];         if (!$begin) {           $pcode .= ',';           $ptext .= ',';           $pstext .= ',';           $pline .= ',';           }         $pcode .= '           r.circle(' .$dxc .', ' .$dyc .', ' .$params['point_radius'] .')';         $pline .= '         r.path("M'. $dxc .','. $dyc .' L'. $dxc1 .','. $dyc1 .' L'. $dxc2 .','. $dyc1 .'")';         $ptext .= '           r.text(' .$dxc3 .', ' .$dyc2 .', "' .round($percent * 100) .' %")';         $pstext .= '           r.text(' .$dxc3 .', ' .$dyc3 .', "' .$params['texts'][$i] .'")';         }       $i++;       $begin = false;       $prev = $end;       $fangel += $angel;         }     }     \/\/ \u0443\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c \u0430\u0442\u0440\u0438\u0431\u0443\u0442 "\u043a\u043e\u043d\u0442\u0443\u0440" \u0434\u043b\u044f \u0432\u0441\u0435\u0445 \u0441\u0435\u043a\u0442\u043e\u0440\u043e\u0432 \u0434\u0438\u0430\u0433\u0440\u043c\u043c\u044b    if ($code) $code = '         var st = r.set();         st.push(' .$code .'           );         st.attr({"stroke": "none"});';    \/\/ \u0443\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c \u0430\u0442\u0440\u0438\u0431\u0443\u0442 "\u0446\u0432\u0435\u0442" \u0434\u043b\u044f \u0432\u0441\u0435\u0445 \u043b\u0438\u043d\u0438\u0439 \u0432\u044b\u043d\u043e\u0441\u043a\u0438    if ($pline) $pline = '         var st = r.set();         st.push(' .$pline .'           );         st.attr({"stroke": "' .$params['line_color'] .'"});';    \/\/ \u0443\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044b "\u043a\u043e\u043d\u0442\u0443\u0440" \u0438 "\u0446\u0432\u0435\u0442 \u0437\u0430\u043b\u0438\u0432\u043a\u0438" \u0434\u043b\u044f \u043f\u043b\u0430\u0448\u0435\u043a \u0432\u0441\u0435\u0445 \u043b\u0438\u043d\u0438\u0439 \u0432\u044b\u043d\u043e\u0441\u043a\u0438    if ($pcode) $pcode = '         var st = r.set();         st.push(' .$pcode .'           );         st.attr({"fill": "' .$params['text_color'] .'", "stroke": "' .$params['stroke_color'] .'"});';    \/\/ \u0443\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044b "\u0448\u0440\u0438\u0444\u0442", "\u0440\u0430\u0437\u043c\u0435\u0440" \u0438 "\u0446\u0432\u0435\u0442" \u0434\u043b\u044f \u043f\u043e\u0434\u043f\u0438\u0441\u0435\u0439 \u043d\u0430\u0434 \u043b\u0438\u043d\u0438\u0435\u0439 \u0432\u044b\u043d\u043e\u0441\u043a\u0438    if ($ptext) $ptext = '         var st = r.set();         st.push(' .$ptext .'           );         st.attr({"font-family": "' .$params['font'] .'", "font-size": "' .$params['text_name'] .'", "fill": "' .$params['text_color'] .'", "cursor": "default"});';    \/\/ \u0443\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044b "\u0448\u0440\u0438\u0444\u0442", "\u0440\u0430\u0437\u043c\u0435\u0440" \u0438 "\u0446\u0432\u0435\u0442" \u0434\u043b\u044f \u043f\u043e\u0434\u043f\u0438\u0441\u0435\u0439 \u043f\u043e\u0434 \u043b\u0438\u043d\u0438\u0435\u0439 \u0432\u044b\u043d\u043e\u0441\u043a\u0438    if ($pstext) $pstext = '         var st = r.set();         st.push(' .$pstext .'           );         st.attr({"font-family": "' .$params['font'] .'", "font-size": "' .$params['text_small'] .'", "fill": "' .$params['text_color'] .'", "cursor": "default"});';    \/\/ \u0441\u043e\u0437\u0434\u0430\u0451\u043c \u0446\u0435\u043d\u0442\u0440 \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b \u0438 \u0442\u0435\u043a\u0441\u0442 \u0432\u043d\u0443\u0442\u0440\u0438 \u043d\u0435\u0433\u043e    $inradius = '';   if ($params['inradius'] > 0) {     $inradius = '         r.circle(' .$params['centerx'] .', ' .$params['centery'] .', ' .$params['inradius'] .').attr({"fill": "' .$params['center_text_back'] .'", "stroke": "none"});';     if ($params['shadow']) $inradius .= '         r.circle(' .$params['centerx'] .', ' .$params['centery'] .', ' .($params['radius']-$shadow_width+floor($shadow_width\/2)) .').attr({"fill": "none", "stroke": "#FFFFFF", "stroke-width": "' .$shadow_width .'", "stroke-opacity": "0.15"});';     if ($params['center_text']) {       $center = '         r.text(' .$params['centerx'] .', ' .$params['centery'] .', "' .$params['center_text'] .'").attr({"font-family": "' .$params['font'] .'", "font-size": "' .$params['center_text_size'] .'", "fill": "' .$params['center_text_color'] .'", "cursor": "default"});';       }     }    return $code .$inradius .$pline .$pcode .$ptext .$pstext .$center;  }  ?>  <\/code><\/pre>\n
  \u0424\u0430\u0439\u043b test.php:<\/u><\/p>\n
<?php  include("circle.php");  $params = array (\t\t\t\t\t\/\/ \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b    'font' => 'PT Sans, Tahoma',\t\t\t\t\/\/ \u0448\u0440\u0438\u0444\u0442    'text_color' => '#212121',\t\t\t\t\/\/ \u0446\u0432\u0435\u0442 \u0442\u0435\u043a\u0441\u0442\u0430   'line_color' => '#494949',\t\t\t\t\/\/ \u0446\u0432\u0435\u0442 \u043b\u0438\u043d\u0438\u0439 \u0432\u044b\u043d\u043e\u0441\u043a\u0438   'text_width' => 40,\t\t\t\t\t\/\/ \u0448\u0438\u0440\u0438\u043d\u0430 \u0433\u043e\u0440\u0438\u0437\u043e\u0442\u0430\u043b\u044c\u043d\u043e\u0439 \u0447\u0430\u0441\u0442\u0438 \u043b\u0438\u043d\u0438\u0439 \u0432\u044b\u043d\u043e\u0441\u043a\u0438   'text_radius' => 14,\t\t\t\t\t\/\/ \u0440\u0430\u0441\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u043e\u0442\u0441\u0442\u0443\u043f\u0430 \u0433\u043e\u0440\u0438\u0437\u043e\u0442\u0430\u043b\u044c\u043d\u043e\u0439 \u0447\u0430\u0441\u0442\u0438 \u043b\u0438\u043d\u0438\u0439 \u0432\u044b\u043d\u043e\u0441\u043a\u0438 \u043e\u0442 \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b   'point_radius' => 3,\t\t\t\t\t\/\/ \u0440\u0430\u0434\u0438\u0443\u0441 \u043f\u043b\u0430\u0448\u043a\u0438 \u043b\u0438\u043d\u0438\u0438 \u0432\u044b\u043d\u043e\u0441\u043a\u0438 ( \u043a\u0440\u0443\u0433 \u0432 \u043c\u0435\u0441\u0442\u0435 \u0441\u043e\u0435\u0434\u0438\u043d\u0435\u043d\u0438\u044f \u043b\u0438\u043d\u0438\u0438 \u0432\u044b\u043d\u043e\u0441\u043a\u0438 \u0441 \u0441\u0435\u043a\u0442\u043e\u0440\u043e\u043c \u0434\u0430\u043d\u043d\u044b\u0445 )   'stroke_color' => '#EFEFEF',\t\t\t\t\/\/ \u0446\u0432\u0435\u0442 \u043a\u043e\u043d\u0442\u0443\u0440\u0430 \u043f\u043b\u0430\u0448\u043a\u0438   'text_name' => 13,\t\t\t\t\t\/\/ \u0440\u0430\u0437\u043c\u0435\u0440 \u0442\u0435\u043a\u0441\u0442\u0430 \u043d\u0430\u0434 \u043b\u0438\u043d\u0438\u0435\u0439 \u0432\u044b\u043d\u043e\u0441\u043a\u0438   'text_small' => 11,\t\t\t\t\t\/\/ \u0440\u0430\u0437\u043c\u0435\u0440 \u0442\u0435\u043a\u0441\u0442\u0430 \u043f\u043e\u0434 \u043b\u0438\u043d\u0438\u0435\u0439 \u0432\u044b\u043d\u043e\u0441\u043a\u0438   'text_minus' => 10,\t\t\t\t\t\/\/ \u043e\u0442\u0441\u0442\u0443\u043f \u0442\u0435\u043a\u0441\u0442\u0430 \u0432\u0432\u0435\u0440\u0445 \u043d\u0430\u0434 \u043b\u0438\u043d\u0438\u0435\u0439 \u0432\u044b\u043d\u043e\u0441\u043a\u0438   'text_plus' => 8,\t\t\t\t\t\/\/ \u043e\u0442\u0441\u0442\u0443\u043f \u0442\u0435\u043a\u0441\u0442\u0430 \u0432\u043d\u0438\u0437 \u043f\u043e\u0434 \u043b\u0438\u043d\u0438\u0435\u0439 \u0432\u044b\u043d\u043e\u0441\u043a\u0438    'centerx' => 100,\t\t\t\t\t\/\/ \u0446\u0435\u043d\u0442\u0440 \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b \u043f\u043e \u043e\u0441\u0438 x   'centery' => 100,\t\t\t\t\t\/\/ \u0446\u0435\u043d\u0442\u0440 \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b \u043f\u043e \u043e\u0441\u0438 y   'radius' => 42,\t\t\t\t\t\/\/ \u0432\u043d\u0435\u0448\u043d\u0438\u0439 \u0440\u0430\u0434\u0438\u0443\u0441 \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b    'inradius' => 19,\t\t\t\t\t\/\/ \u0440\u0430\u0434\u0438\u0443\u0441 \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0435\u0433\u043e \u043a\u0440\u0443\u0433\u0430   'center_text_back' => '90-#e7e7e7-#ffffff:60',\t\/\/ \u0446\u0432\u0435\u0442 \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0435\u0433\u043e \u043a\u0440\u0443\u0433\u0430   'center_text' => 416,\t\t\t\t\t\/\/ \u043d\u0430\u0434\u043f\u0438\u0441\u044c \u0432 \u0446\u0435\u043d\u0442\u0440\u0435 \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0435\u0433\u043e \u043a\u0440\u0443\u0433\u0430   'center_text_size' => 14,\t\t\t\t\/\/ \u0440\u0430\u0437\u043c\u0435\u0440 \u0442\u0435\u043a\u0441\u0442\u0430 \u0432 \u0446\u0435\u043d\u0442\u0440\u0435 \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0435\u0433\u043e \u043a\u0440\u0443\u0433\u0430   'center_text_color' => '#212121',\t\t\t\/\/ \u0446\u0432\u0435\u0442 \u0442\u0435\u043a\u0441\u0442\u0430 \u0432 \u0446\u0435\u043d\u0442\u0440\u0435 \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0435\u0433\u043e \u043a\u0440\u0443\u0433\u0430    'data' => array(\t\t\t\t\t\/\/ \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435     139,     112,     89,     76),    'texts' => array (\t\t\t\t\t\/\/ \u043f\u043e\u0434\u043f\u0438\u0441\u0438 \u043a \u0441\u0435\u043a\u0442\u043e\u0440\u0430\u043c, \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u044e\u0442\u0441\u044f \u043f\u043e\u0434 \u043b\u0438\u043d\u0438\u0435\u0439 \u0432\u044b\u043d\u043e\u0441\u043a\u0438     '\u043f\u0430\u0441',     '\u043d\u0430\u0432\u0435\u0441',     '\u0432 \u0440\u0430\u0437\u0440\u0435\u0437',     '\u043f\u0440\u043e\u0441\u0442\u0440\u0435\u043b'   ),    'colors' => array (\t\t\t\t\t\/\/ \u0446\u0432\u0435\u0442\u0430 \u0441\u0435\u043a\u0442\u043e\u0440\u043e\u0432     '0-#08b2ff-#0e56d4',     '0-#fffa17-#ffba17',     '0-#e0070e-#f15722',     '0-#BCE408-#5FBB00'   ),    'shadow' => 1\t\t\t\t\t\t\/\/ \u0434\u0435\u043b\u0430\u0442\u044c \u0438\u043b\u0438 \u043d\u0435\u0442 3D \u044d\u0444\u0444\u0435\u043a\u0442 \u0432\u044b\u043f\u0443\u043a\u043b\u043e\u0441\u0442\u0438 \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b  );   \/\/ \u0441\u043e\u0437\u0434\u0430\u0451\u043c \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u0443, \u0432 <head><\/head> \u0440\u0430\u0437\u043c\u0435\u0449\u0430\u0435\u043c js \u043a\u043e\u0434, \u0432 <body><\/body> - <div><\/div> \/\/ c \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0440\u043e\u043c \u0438\u0434\u0435\u043d\u0442\u0438\u0447\u043d\u044b\u043c \u043f\u0435\u0440\u0435\u0434\u0430\u043d\u043d\u043e\u043c\u0443 \u0432 \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440 \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b start_paper()   $head = start_paper('diagram', 200, 200) .paper_circle_chart($params); $body = '<div id="diagram"><\/div>';  echo ' <!DOCTYPE html> <html>   <head>     <title>\u041f\u0440\u0438\u043c\u0435\u0440 \u043a\u0440\u0443\u0433\u043e\u0432\u043e\u0439 SVG \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430\u043c\u0438 Raphael \u0438 PHP<\/title>     <meta http-equiv="Content-Type" content="text\/html; charset=UTF-8" \/>     <script src="\/raphael-min.js"><\/script>     <script>       window.onload = function () {'         .$head .'        };     <\/script>   <\/head>   <body>'     .$body .'   <\/body> <\/html>';  ?>  <\/code><\/pre>\n
  \u041f\u0440\u0438\u0432\u0435\u0434\u0435\u043d\u043d\u044b\u0439 \u0432\u044b\u0448\u0435 \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u0439 \u043a\u043e\u0434 \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u0440\u0430\u0431\u043e\u0447\u0438\u0439. \u041a\u0430\u0436\u0434\u044b\u0439 \u0436\u0435\u043b\u0430\u044e\u0449\u0438\u0439 \u043f\u043e\u043a\u043e\u0432\u044b\u0440\u044f\u0442\u044c\u0441\u044f \u0438 \u0440\u0430\u0437\u043e\u0431\u0440\u0430\u0442\u044c\u0441\u044f \u0432 \u0438\u0437\u043b\u043e\u0436\u0435\u043d\u043d\u043e\u043c \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0435 \u0441\u0430\u043c\u043e\u0441\u0442\u043e\u044f\u0442\u0435\u043b\u044c\u043d\u043e \u043c\u043e\u0436\u0435\u0442 \u0441\u043a\u0430\u0447\u0430\u0442\u044c \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443<\/a> \u0438 \u0441\u043e\u0431\u0440\u0430\u0442\u044c \u0442\u0440\u0438 \u0444\u0430\u0439\u043b\u0430 (circle.php, test.php \u0438 raphael-min.js) \u0432 \u0435\u0434\u0438\u043d\u043e\u0435 \u0446\u0435\u043b\u043e\u0435.<\/p>\n
  \u0418\u0442\u043e\u0433\u043e\u0432\u044b\u0439 html, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 \u043a\u043b\u0438\u0435\u043d\u0442:<\/u><\/p>\n
<!DOCTYPE html> <html>   <head>     <title>\u041f\u0440\u0438\u043c\u0435\u0440 \u043a\u0440\u0443\u0433\u043e\u0432\u043e\u0439 SVG \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430\u043c\u0438 Raphael \u0438 PHP<\/title>     <meta http-equiv="Content-Type" content="text\/html; charset=UTF-8" \/>     <script src="\/raphael-min.js"><\/script>     <script>       window.onload = function () {var r = Raphael("diagram", 200, 200);         var st = r.set();         st.push(           r.path("M100,100 L100,58 A42,42 0 0,1 136.27,121.18 z").attr({"fill": "0-#08b2ff-#0e56d4"}),           r.path("M100,100 L136.27,121.18 A42,42 0 0,1 74.6,133.45 z").attr({"fill": "0-#fffa17-#ffba17"}),           r.path("M100,100 L74.6,133.45 A42,42 0 0,1 61.7,82.76 z").attr({"fill": "0-#e0070e-#f15722"}),           r.path("M100,100 L61.7,82.76 A42,42 0 0,1 100,58 z").attr({"fill": "0-#BCE408-#5FBB00"})           );         st.attr({"stroke": "none"});         r.circle(100, 100, 19).attr({"fill": "90-#e7e7e7-#ffffff:60", "stroke": "none"});         r.circle(100, 100, 37).attr({"fill": "none", "stroke": "#FFFFFF", "stroke-width": "10", "stroke-opacity": "0.15"});         var st = r.set();         st.push(         r.path("M127.75,84.07 L148.57,72.12 L188.57,72.12"),         r.path("M106.24,131.39 L110.93,154.92 L150.93,154.92"),         r.path("M68.99,107.89 L45.73,113.81 L5.73,113.81"),         r.path("M82.63,73.13 L69.59,52.97 L29.59,52.97")           );         st.attr({"stroke": "#494949"});         var st = r.set();         st.push(           r.circle(127.75, 84.07, 3),           r.circle(106.24, 131.39, 3),           r.circle(68.99, 107.89, 3),           r.circle(82.63, 73.13, 3)           );         st.attr({"fill": "#212121", "stroke": "#EFEFEF"});         var st = r.set();         st.push(           r.text(168.57, 62.12, "33 %"),           r.text(130.93, 144.92, "27 %"),           r.text(25.73, 103.81, "21 %"),           r.text(49.59, 42.97, "18 %")           );         st.attr({"font-family": "PT Sans, Tahoma", "font-size": "13", "fill": "#212121", "cursor": "default"});         var st = r.set();         st.push(           r.text(168.57, 80.12, "\u043f\u0430\u0441"),           r.text(130.93, 162.92, "\u043d\u0430\u0432\u0435\u0441"),           r.text(25.73, 121.81, "\u0432 \u0440\u0430\u0437\u0440\u0435\u0437"),           r.text(49.59, 60.97, "\u043f\u0440\u043e\u0441\u0442\u0440\u0435\u043b")           );         st.attr({"font-family": "PT Sans, Tahoma", "font-size": "11", "fill": "#212121", "cursor": "default"});         r.text(100, 100, "416").attr({"font-family": "PT Sans, Tahoma", "font-size": "14", "fill": "#212121", "cursor": "default"});        };     <\/script>   <\/head>   <body><div id="diagram"><\/div>   <\/body> <\/html>  <\/code><\/pre>\n
  \u041e \u0442\u043e\u043c, \u043a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0433\u0440\u0430\u0434\u0438\u0435\u043d\u0442\u043d\u0430\u044f \u0437\u0430\u043b\u0438\u0432\u043a\u0430 (0-#BCE408-#5FBB00) \u0441 \u0442\u043e\u0447\u043a\u0438 \u0437\u0440\u0435\u043d\u0438\u044f \u0441\u0438\u043d\u0442\u0430\u043a\u0441\u0438\u0441\u0430 Raphael \u0438 \u0434\u0440\u0443\u0433\u0438\u0435 \u043c\u043e\u043c\u0435\u043d\u0442\u044b \u043a\u0430\u0441\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u0444\u0443\u043d\u043a\u0446\u0438\u0439 \u044d\u0442\u043e\u0439 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u0438 \u0438\u0445 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u0432 \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u043e \u0438\u0437\u043b\u043e\u0436\u0435\u043d\u044b \u0432 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438<\/a>. \u041a \u0441\u043b\u043e\u0432\u0443 \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u0430\u044f \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f, \u0448\u0438\u0440\u043e\u043a\u0438\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b \u0438 \u043a\u0440\u043e\u0441\u0441\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u043e\u0441\u0442\u044c \u044d\u0442\u043e\u0433\u043e \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u2014 \u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f, \u0441 \u043d\u0430\u0448\u0435\u0439 \u0442\u043e\u0447\u043a\u0438 \u0437\u0440\u0435\u043d\u0438\u044f, \u043d\u0435\u043e\u0441\u043f\u043e\u0440\u0438\u043c\u044b\u043c \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u043e\u043c \u0434\u0430\u043d\u043d\u043e\u0439 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u043d\u0430\u0434 \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u044b\u043c\u0438 \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430\u043c\u0438.<\/p>\n
  \u041d\u0430\u0434\u0435\u0435\u043c\u0441\u044f, \u0447\u0442\u043e \u043d\u0430\u0448 \u043e\u043f\u044b\u0442 \u0431\u0443\u0434\u0435\u0442 \u043f\u043e\u043b\u0435\u0437\u0435\u043d \u0432\u0441\u0435\u043c \u0442\u0435\u043c, \u043a\u0442\u043e \u0432\u043f\u0435\u0440\u0432\u044b\u0435 \u0441\u0442\u043e\u043b\u043a\u043d\u0443\u043b\u0441\u044f \u0441 \u0437\u0430\u0434\u0430\u0447\u0435\u0439 \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u044f \u0432\u0435\u043a\u0442\u043e\u0440\u043d\u043e\u0439 \u0433\u0440\u0430\u0444\u0438\u043a\u0438 \u0432 html \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430\u043c\u0438 JS. \u041f\u043e\u0441\u0442\u0430\u0440\u0430\u0435\u043c\u0441\u044f \u043e\u0442\u0432\u0435\u0442\u0438\u0442\u044c \u043d\u0430 \u0432\u0441\u0435 \u0432\u043e\u043f\u0440\u043e\u0441\u044b \u0438 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0438 \u043f\u043e \u0434\u0430\u043d\u043d\u043e\u0439 \u0442\u0435\u043c\u0435.    \t \t\t   \t<\/p>\n
<\/div>\n<\/p><\/div>\n
 \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438  http:\/\/habrahabr.ru\/post\/180659\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
   \t\u0412 \u0445\u043e\u0434\u0435 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043e\u0434\u043d\u043e\u0433\u043e \u0438\u0437 \u043d\u0430\u0448\u0438\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432 \u043c\u044b \u0441\u0442\u043e\u043b\u043a\u043d\u0443\u043b\u0438\u0441\u044c \u0441 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u044c\u044e \u043e\u0442\u0434\u0430\u0432\u0430\u0442\u044c \u0432 \u043a\u043b\u0438\u0435\u043d\u0442\u0441\u043a\u043e\u043c html \u0431\u043e\u043b\u044c\u0448\u043e\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0433\u0440\u0430\u0444\u0438\u043a\u0438. \u0421 \u0442\u043e\u0447\u043a\u0438 \u0437\u0440\u0435\u043d\u0438\u044f \u043c\u0438\u043d\u0438\u043c\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440, \u0441\u0442\u0440\u043e\u0438\u0442\u044c \u043e\u0431\u044a\u0451\u043c\u043d\u0443\u044e \u0433\u0440\u0430\u0444\u0438\u043a\u0443 \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u043a\u043b\u0438\u0435\u043d\u0442\u0430 \u2014 \u044d\u0442\u043e \u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435. \u041f\u0440\u0438 \u043f\u043e\u0438\u0441\u043a\u0435 \u0433\u043e\u0442\u043e\u0432\u044b\u0445 \u0438 \u043f\u043e\u0434\u0445\u043e\u0434\u044f\u0449\u0438\u0445 \u043d\u0430\u043c JS \u0440\u0435\u0448\u0435\u043d\u0438\u0439 \u0438\u0437 \u044d\u0442\u043e\u0439 \u043e\u0431\u043b\u0430\u0441\u0442\u0438 \u043c\u044b \u043e\u0441\u043d\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u043f\u043e\u0434\u0441\u0435\u043b\u0438 \u043d\u0430 JS \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443 Raphael<\/a>, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043b\u0435\u0433\u043a\u043e \u043f\u0440\u043e\u0440\u0438\u0441\u043e\u0432\u044b\u0432\u0430\u0442\u044c \u0432\u0435\u043a\u0442\u043e\u0440\u043d\u0443\u044e \u0433\u0440\u0430\u0444\u0438\u043a\u0443 \u0432\u043e \u0432\u0441\u0435\u0445 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0445 \u043d\u0430 \u0441\u0435\u0433\u043e\u0434\u043d\u044f \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445. \u0420\u0430\u0437\u043e\u0431\u0440\u0430\u0432\u0448\u0438\u0441\u044c \u0432 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u0435 \u0438 \u043e\u0442\u043b\u0430\u0434\u0438\u0432 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0444\u0443\u043d\u043a\u0446\u0438\u0439 \u043f\u043e \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044e \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0445 \u0442\u0438\u043f\u043e\u0432 \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c, \u043c\u044b \u0440\u0435\u0448\u0438\u043b\u0438 \u043f\u043e\u0434\u0435\u043b\u0438\u0442\u044c\u0441\u044f \u0437\u0434\u0435\u0441\u044c \u0441\u0432\u043e\u0438\u043c\u0438 \u043d\u0430\u0440\u0430\u0431\u043e\u0442\u043a\u0430\u043c\u0438.<\/p>\n
  \"\u041f\u0440\u0438\u043c\u0435\u0440<\/p>\n
  \u0418\u0442\u0430\u043a. \u041e\u043f\u0438\u0441\u0430\u043d\u043d\u044b\u0439 \u043d\u0438\u0436\u0435 \u043f\u0440\u0438\u043c\u0435\u0440 \u0441\u043e\u0437\u0434\u0430\u0451\u0442 \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430\u043c\u0438 Raphael \u0438 PHP \u043a\u0440\u0443\u0433\u043e\u0432\u0443\u044e \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u0443 \u0432 \u0444\u043e\u0440\u043c\u0430\u0442\u0435 SVG, \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u043d\u0443\u044e \u043d\u0430 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0438. \u041c\u044b \u043f\u043e\u0441\u0442\u0430\u0440\u0430\u043b\u0438\u0441\u044c \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u043e \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u043e \u043e\u043f\u0438\u0441\u0430\u0442\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u0439 \u043a\u043e\u0434, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u043c\u043e\u0447\u044c \u0432\u0441\u0435\u043c \u0442\u0435\u043c, \u043a\u0442\u043e \u0441\u0430\u043c\u043e\u0441\u0442\u043e\u044f\u0442\u0435\u043b\u044c\u043d\u043e \u0440\u0430\u0437\u043e\u0431\u0440\u0430\u0442\u044c\u0441\u044f \u0432 \u044d\u0442\u043e\u043c \u043d\u0435 \u043d\u0430\u0448\u0451\u043b \u0441\u0438\u043b \u0438\u043b\u0438 \u0432\u0440\u0435\u043c\u0435\u043d\u0438.  <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-180659","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/180659","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=180659"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/180659\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=180659"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=180659"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=180659"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}