{"id":188170,"date":"2013-07-29T10:31:04","date_gmt":"2013-07-29T06:31:04","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=188170"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=188170","title":{"rendered":"\u0427\u0435\u0440\u0442\u0435\u0436\u0438 \u0432 SVG \u0444\u043e\u0440\u043c\u0430\u0442\u0435. \u0427\u0430\u0441\u0442\u044c 5. \u2014 \u0427\u0435\u0440\u043d\u043e\u0432\u0438\u043a \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0430 (\u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u0442\u0441\u044f)<\/span>"},"content":{"rendered":"
\t\u0412 "\u0427\u0435\u0440\u0442\u0435\u0436\u0438 \u0432 SVG \u0444\u043e\u0440\u043c\u0430\u0442\u0435. \u0427\u0430\u0441\u0442\u044c 4 \u2014 \u0427\u0435\u0440\u043d\u043e\u0432\u0438\u043a \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0430 (\u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u0442\u0441\u044f)<\/a>" \u043f\u0440\u0438\u0432\u0435\u0434\u0451\u043d \u043f\u0440\u0438\u043c\u0435\u0440 \u0440\u0438\u0441\u043e\u0432\u0430\u043d\u0438\u044f \u0440\u0430\u0437\u043c\u0435\u0440\u043e\u0432. \u0412 \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0435\u043d\u0438\u0438 \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 JavaScript \u0438 \u0441\u0440\u0430\u0432\u043d\u0438\u043c \u0444\u0430\u0439\u043b\u044b \u0447\u0435\u0440\u0442\u0435\u0436\u0435\u0439 \u0432 \u0440\u0430\u0437\u043d\u044b\u0445 \u0444\u043e\u0440\u043c\u0430\u0442\u0430\u0445.
<\/a>
\u0414\u043b\u044f \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u0447\u0435\u0440\u0442\u0435\u0436\u0430 \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043f\u043b\u0430\u0433\u0438\u043d jquery.svg.js<\/b>. \u0412\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043e \u043f\u043b\u0430\u0433\u0438\u043d\u0435 \u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u0440\u043e\u0447\u0438\u0442\u0430\u0442\u044c \u0432 \u0441\u0442\u0430\u0442\u044c\u0435 jQuery plugin \u0434\u043b\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f SVG \u0433\u0440\u0430\u0444\u0438\u043a\u0438<\/a>
\u041e\u0434\u043d\u043e\u0439 \u0438\u0437 \u0440\u0435\u0448\u0430\u0435\u043c\u044b\u0445 \u0437\u0430\u0434\u0430\u0447 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u043f\u043b\u0430\u0433\u0438\u043d\u0430 \u2014 \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u044f \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u0447\u0435\u0440\u0442\u0435\u0436\u0430. \u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0447\u0435\u0440\u0442\u0435\u0436\u0430 \u0431\u0443\u0434\u0435\u0442 \u0432 \u0432\u0438\u0434\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0438 \u0438\u043c\u0435\u0442\u044c \u0442\u0430\u043a\u0443\u044e \u0436\u0435 \u043e\u0431\u044a\u0435\u043a\u0442\u043d\u0443\u044e \u043c\u043e\u0434\u0435\u043b\u044c \u043a\u0430\u043a \u0438 \u0432 SVG.
\u0421\u043e\u043a\u0440\u0430\u0449\u0451\u043d\u043d\u044b\u0439 \u043f\u0440\u0438\u043c\u0435\u0440 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u0447\u0435\u0440\u0442\u0435\u0436\u0430 <\/p>\n
function drawIntro(svg) {   svg.configure({viewBox: '0 0 420 297'}, true);     var defs = svg.defs(); \/* \u0420\u0438\u0441\u043e\u0432\u0430\u043d\u0438\u0435 \u0448\u0442\u0440\u0438\u0445\u043e\u0432\u043a\u0438 - Hatch *\/  \/* \u043c\u0435\u0442\u0430\u043b\u043b *\/   var hatch0_45 = svg.pattern(defs, 'hatch0_45', 0, 0, 20, 20,        0, 0, 20, 20, {patternUnits: 'userSpaceOnUse'});     svg.line(hatch0_45, 1, 20, 20, 1, {class_: 'line-type-2'}); \tsvg.line(hatch0_45, 0, 1, 1, 0, {class_: 'line-type-2'}); \/* \u043c\u0435\u0442\u0430\u043b\u043b, \u043c\u0430\u0441\u0448\u0442\u0430\u0431 0,25 *\/   var hatch0_45_0_25 = svg.pattern(defs, 'hatch0_45-0_25', 0, 0, 20, 20,        0, 0, 20, 20, {patternUnits: 'userSpaceOnUse'});     svg.line(hatch0_45_0_25, 1, 20, 20, 1, {class_: 'line-type-2-0_25'}); \tsvg.line(hatch0_45_0_25, 0, 1, 1, 0, {class_: 'line-type-2-0_25'}); \/* \u043d\u0435\u043c\u0435\u0442\u0430\u043b\u043b, \u043c\u0430\u0441\u0448\u0442\u0430\u0431 0,25 *\/   var hatch1_45_0_25 = svg.pattern(defs, 'hatch1_45-0_25', 0, 0, 20, 20,        0, 0, 20, 20, {patternUnits: 'userSpaceOnUse'});     svg.line(hatch1_45_0_25, 0, 20, 20, 0, {class_: 'line-type-2-0_25'}); \tsvg.line(hatch1_45_0_25, 0, 0, 20, 20, {class_: 'line-type-2-0_25'}); \/* \u0428\u0430\u0431\u043b\u043e\u043d\u044b \u0440\u0438\u0441\u043e\u0432\u0430\u043d\u0438\u044f \u0441\u0442\u0440\u0435\u043b\u043e\u043a \u0438 \u0437\u0430\u0441\u0435\u0447\u0435\u043a *\/ \/* \u043b\u0435\u0432\u0430\u044f \u0441\u0442\u0440\u0435\u043b\u043a\u0430 (\u0441\u0442\u0440\u0435\u043b\u043a\u0430 \u0438\u0437\u043d\u0443\u0442\u0440\u0438) *\/   var dimp1 = svg.marker(defs, 'dimArrow-1', 0, 0, 8, 6, 'auto', {viewBox: '-2 -12 29 24'}); \tsvg.path(dimp1, 'M0,0 L20,-4 16,0 20,4 z M0,-10 L0,10 M0,0 L27,0', {stroke: 'black', strokeWidth: 1.4});\t \/* \u043f\u0440\u0430\u0432\u0430\u044f \u0441\u0442\u0440\u0435\u043b\u043a\u0430 (\u0441\u0442\u0440\u0435\u043b\u043a\u0430 \u0441\u043d\u0430\u0440\u0443\u0436\u0438) *\/   var dimp2 = svg.marker(defs, 'dimArrow-2', 0, 0, 8, 6, 'auto', {viewBox: '-27 -12 29 24'}); \tsvg.path(dimp2, 'M0,0 L-20,-4 -16,0 -20,4 z M0,-10 L0,10 M0,0 L-27,0', {stroke: 'black', strokeWidth: 1.4}); \/* \u0441\u0442\u0440\u0435\u043b\u043a\u0430 \u043b\u0438\u043d\u0438\u0438 \u0440\u0430\u0437\u0440\u0435\u0437\u0430\/\u0441\u0435\u0447\u0435\u043d\u0438\u044f *\/   var viewp3 = svg.marker(defs, 'ViewPoint', 0, 0, 10.6, 8.8, 'auto', {viewBox: '-2 -12 29 24'});       svg.path(viewp3, 'M3,0 L23,-4 19,0 23,4 z', {stroke: 'black', strokeWidth: 1.4}); \t   svg.title('SVG for CAD');   var Shtamp = svg.svg( 0, 0, 420, 297, 0, 0, 420, 297);       svg.title(Shtamp, '\u0428\u0442\u0430\u043c\u043f \u0447\u0435\u0440\u0442\u0435\u0436\u0430');       svg.rect(Shtamp, 20, 5, 395, 287, {class_: 'line-type-1'});       svg.line(Shtamp, 230, 237, 415, 237, {class_: 'line-type-1'});         ...  \/* \u0420\u0438\u0441\u043e\u0432\u0430\u043d\u0438\u0435 \u0432\u0438\u0434\u0430 - View1 *\/\t   var View1 = svg.svg( 45, 7, 155, 170, -25, -200, 620, 680);       svg.title(View1, '\u0412\u0438\u0434 1');       svg.line(View1, 0, 325, 500, 325, {class_: 'line-type-1-0_25'});       svg.line(View1, 0, 225, 0, 325, {class_: 'line-type-1-0_25'});         ...  \/* \u0420\u0438\u0441\u043e\u0432\u0430\u043d\u0438\u0435 \u0432\u0438\u0434\u0430 - View2 *\/\t   var View2 = svg.svg( 25, 158, 200, 130, -100, -250, 800, 520);       svg.title(View2, '\u0412\u0438\u0434 2');       svg.circle(View2, 250, 0, 40, {class_: 'line-type-1-0_25'});       svg.circle(View2, 250, 0, 60, {class_: 'line-type-1-0_25'});         ...  \/* \u0420\u0438\u0441\u043e\u0432\u0430\u043d\u0438\u0435 \u0432\u0438\u0434\u0430 - View3 *\/   var View3 = svg.svg(250, 45, 150, 200, -50, -50, 600, 800);       svg.title(View3, '\u0412\u0438\u0434 3');           svg.line(View3, 0, 325, 320, 325, {class_: 'line-type-1-0_25'});       svg.line(View3, 0, 225, 30, 225, {class_: 'line-type-1-0_25'});         ... }<\/code><\/pre>\n
  \u041f\u0440\u0438 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0438 \u043b\u0438\u043d\u0438\u0438 \u0432 SVG \u0444\u043e\u0440\u043c\u0430\u0442\u0435 \u0432\u043c\u0435\u0441\u0442\u043e  <\/p>\n
<line class="line-type-1" x1="475" y1="325" x2="475" y2="225"\/><\/code><\/pre>\n
  \u043c\u043e\u0436\u043d\u043e \u0437\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u043b\u0438\u043d\u0438\u044e \u0432 \u0434\u0440\u0443\u0433\u043e\u043c \u0432\u0438\u0434\u0435 \u0434\u043b\u044f \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438  <\/p>\n
<path class="line-type-1" d="M475,325L475,225"\/><\/code><\/pre>\n
  \u0442\u043e \u0434\u043b\u044f \u043f\u043b\u0430\u0433\u0438\u043d\u0430 \u0442\u0430\u043a\u043e\u0439 \u0442\u0440\u044e\u043a \u043d\u0435 \u0434\u0430\u0451\u0442 \u0432\u044b\u0438\u0433\u0440\u044b\u0448\u0430  <\/p>\n
svg.line(View1,247,237,247,292,{class_:'line-type-1'});  svg.path(View1,'M247,237L247,292',{class_:'line-type-1'});<\/code><\/pre>\n
  \u0421\u0440\u0430\u0432\u043d\u0438\u0432 \u0432\u044b\u0448\u0435 \u043f\u0440\u0438\u0432\u0435\u0434\u0435\u043d\u043d\u044b\u0435 \u043f\u0440\u0438\u043c\u0435\u0440\u044b \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u043b\u0438\u043d\u0438\u0438, \u043f\u0440\u0438\u0434\u0451\u043c \u043a \u0432\u044b\u0432\u043e\u0434\u0443 \u0447\u0442\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 JavaScript \u043c\u044b \u043d\u0435 \u043f\u043e\u043b\u0443\u0447\u0438\u043c \u0443\u043c\u0435\u043d\u044c\u0448\u0435\u043d\u0438\u0435 \u043a\u043e\u0434\u0430. 
  \u041d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0433\u043e \u043f\u043b\u0430\u0433\u0438\u043d\u0430. \u0412 \u0447\u0435\u0440\u0442\u0435\u0436\u0430\u0445 \u043d\u0430\u0438\u0431\u043e\u043b\u044c\u0448\u0435\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043b\u0438\u043d\u0438\u0439 \u0441\u0442\u0438\u043b\u0435\u043c 1 (\u043e\u0441\u043d\u043e\u0432\u043d\u0430\u044f \u043b\u0438\u043d\u0438\u044f), \u043b\u0438\u043d\u0438\u0438 \u0441\u0442\u0438\u043b\u0435\u043c 2 (\u0442\u043e\u043d\u043a\u0430\u044f \u043b\u0438\u043d\u0438\u044f) \u0447\u0430\u0449\u0435 \u0432\u0445\u043e\u0434\u0438\u0442 \u0432 \u0441\u043e\u0441\u0442\u0430\u0432 \u0440\u0430\u0437\u043c\u0435\u0440\u043e\u0432 \u0438 \u0434\u0440. \u0441\u043b\u043e\u0436\u043d\u044b\u0445 \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432. \u041c\u043e\u0436\u043d\u043e \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u0434\u043b\u044f \u043b\u0438\u043d\u0438\u0439 \u0441\u0442\u0438\u043b\u0435\u043c 1 \u043e\u043f\u0443\u0441\u043a\u0430\u0442\u044c \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435, \u0433\u0434\u0435 \u043a\u043e\u0434 \u0431\u0443\u0434\u0435\u0442 \u0442\u0430\u043a\u043e\u0433\u043e \u0432\u0438\u0434\u0430  <\/p>\n
svg.line(View1,247,237,247,292);<\/code><\/pre>\n
  \u041f\u0440\u0438\u0432\u0435\u0434\u0443 \u043f\u0440\u0438\u043c\u0435\u0440 \u0434\u043b\u044f \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u0440\u0430\u0437\u043c\u0435\u0440\u0430
  \u0432 SVG \u0444\u043e\u0440\u043c\u0430\u0442\u0435  <\/p>\n
<g class="DimL">   <line class="line-type-2-0_25" x1="190" y1="180" x2="190" y2="230"\/>   <line class="line-type-2-0_25" x1="310" y1="180" x2="310" y2="230"\/>   <line class="line-type-2-0_25" x1="190" y1="230" x2="310" y2="230"\/>   <path stroke-width="4" d="M190,230L310,230" marker-start="url(#dimArrow-1)" marker-end="url(#dimArrow-2)"\/>   <text class="styles-3" x="265" y="222" font-size="28" text-anchor="middle">120<\/text>  <\/g> <\/code><\/pre>\n
  \u0432 \u0444\u043e\u0440\u043c\u0430\u0442\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u043f\u043b\u0430\u0433\u0438\u043d\u0430 jquery.svg.js  <\/p>\n
var dimL1 = svg.group(View2);   svg.line(dimL1, 190, 180, 190, 230, {class_: 'line-type-2-0_25'});   svg.line(dimL1, 310, 180, 310, 230, {class_: 'line-type-2-0_25'});   svg.line(dimL1, 190, 230, 310, 230, {class_: 'line-type-2-0_25'});   svg.path(dimL1, 'M190,230 L310,230', {strokeWidth: 4, markerStart: 'url(#dimArrow-1)', markerEnd: 'url(#dimArrow-2)'});   svg.text(dimL1, 265, 222, '120', {class_: 'styles-3', fontSize: '28', textAnchor: 'middle'});<\/code><\/pre>\n
  \u0432 \u0444\u043e\u0440\u043c\u0430\u0442\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0433\u043e \u043f\u043b\u0430\u0433\u0438\u043d\u0430  <\/p>\n
var dimText = [0, 0, '120']; var dimDrawing = [0, [190,180,'dimArrow-1'],[310,180,'dimArrow-2'],[0,50,1]]; svg.diml(View2, dimDrawing, dimText);<\/code><\/pre>\n
  \u0414\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0439 \u043f\u0440\u0438\u043c\u0435\u0440 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u043f\u043b\u0430\u0433\u0438\u043d\u0430 jquery.svg.js<\/a>
  \u0412\u0442\u043e\u0440\u043e\u0439 \u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0439 \u043f\u0440\u0438\u043c\u0435\u0440<\/a>
  \u0430\u0440\u0445\u0438\u0432 \u0441 \u0442\u0435\u0441\u0442\u043e\u0432\u044b\u043c \u043f\u0440\u0438\u043c\u0435\u0440\u043e\u043c 1<\/a>
  \u0430\u0440\u0445\u0438\u0432 \u0441 \u0442\u0435\u0441\u0442\u043e\u0432\u044b\u043c \u043f\u0440\u0438\u043c\u0435\u0440\u043e\u043c 2<\/a><\/p>\n
  \u041f\u0435\u0440\u0432\u044b\u0439 \u0442\u0435\u0441\u0442\u043e\u0432\u044b\u0439 \u043f\u0440\u0438\u043c\u0435\u0440 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u043b\u0441\u044f \u0432\u0440\u0443\u0447\u043d\u0443\u044e \u0432 \u043e\u0431\u044b\u0447\u043d\u043e\u043c \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u0435 \u0438 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u043e\u043a\u043e\u043b\u043e 300 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432, \u0432\u0442\u043e\u0440\u043e\u0439 \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u043b\u0441\u044f \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u043e\u0439 \u0438\u0437 \u041a\u043e\u043c\u043f\u0430\u0441-\u0433\u0440\u0430\u0444\u0438\u043a \u0438 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0431\u043e\u043b\u0435\u0435 3000 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432. \u0424\u0430\u0439\u043b\u044b \u0444\u043e\u0440\u043c\u0430\u0442\u043e\u0432 .DXF \u0438 .DWG \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u043b\u0438\u0441\u044c \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u043e\u043c \u0438\u0437 \u041a\u043e\u043c\u043f\u0430\u0441-\u0433\u0440\u0430\u0444\u0438\u043a. \u0412\u0441\u0435 \u0444\u0430\u0439\u043b\u044b \u0432 \u0444\u043e\u0440\u043c\u0430\u0442\u0430\u0445 .SVG \u0438 .SVGZ \u043f\u0440\u0435\u043a\u0440\u0430\u0441\u043d\u043e \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0439 \u0432\u0435\u0440\u0441\u0438\u0435\u0439 \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u0430 Inkscape<\/b>.<\/p>\n
  \u0421\u0440\u0430\u0432\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u0442\u0430\u0431\u043b\u0438\u0446\u0430 \u0440\u0430\u0437\u043c\u0435\u0440\u0430 \u0444\u0430\u0439\u043b\u0430 \u0432 \u0440\u0430\u0437\u043d\u044b\u0445 \u0444\u043e\u0440\u043c\u0430\u0442\u0430\u0445<\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n
\u0424\u043e\u0440\u043c\u0430\u0442<\/th>\n\u041f\u0440\u0438\u043c\u0435\u0440 1, \u0431\u0430\u0439\u0442<\/th>\n\u041f\u0440\u0438\u043c\u0435\u0440 2, \u0431\u0430\u0439\u0442<\/th>\n\u0444\u0430\u0439\u043b \u0441\u0442\u0438\u043b\u0435\u0439 CSS, \u0431\u0430\u0439\u0442<\/th>\n<\/tr>\n
.CDW (\u041a\u043e\u043c\u043f\u0430\u0441-\u0433\u0440\u0430\u0444\u0438\u043a 9)<\/td>\n50 146<\/td>\n182 778<\/td>\n—<\/td>\n<\/tr>\n
.DWG (\u041a\u043e\u043c\u043f\u0430\u0441-\u0433\u0440\u0430\u0444\u0438\u043a 9)<\/td>\n65 751<\/td>\n226 583<\/td>\n—<\/td>\n<\/tr>\n
.DXF (\u041a\u043e\u043c\u043f\u0430\u0441-\u0433\u0440\u0430\u0444\u0438\u043a 9)<\/td>\n182 817<\/td>\n807 300<\/td>\n—<\/td>\n<\/tr>\n
.SVG<\/td>\n29 110<\/td>\n306 678<\/td>\n—<\/td>\n<\/tr>\n
.SVG \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439<\/td>\n—<\/td>\n175 671<\/td>\n—<\/td>\n<\/tr>\n
.SVGZ<\/td>\n5 435<\/td>\n55 763<\/td>\n—<\/td>\n<\/tr>\n
.SVGZ \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439<\/td>\n—<\/td>\n32 784<\/td>\n—<\/td>\n<\/tr>\n
.JS, \u043f\u043b\u0430\u0433\u0438\u043d jquery.svg.js<\/td>\n22 987<\/td>\n267 897<\/td>\n4 589<\/td>\n<\/tr>\n
.JS \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439, \u043f\u043b\u0430\u0433\u0438\u043d jquery.svg.js<\/td>\n15 490<\/td>\n179 050<\/td>\n1 728<\/td>\n<\/tr>\n
\u0420\u0430\u0441\u0442\u0440\u043e\u0432\u044b\u0439 \u0444\u0430\u0439\u043b \u0432 \u0444\u043e\u0440\u043c\u0430\u0442\u0435 .PNG<\/td>\n51 970<\/td>\n57 384<\/td>\n—<\/td>\n<\/tr>\n<\/table>\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\/188170\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
   \t\u0412 "\u0427\u0435\u0440\u0442\u0435\u0436\u0438 \u0432 SVG \u0444\u043e\u0440\u043c\u0430\u0442\u0435. \u0427\u0430\u0441\u0442\u044c 4 \u2014 \u0427\u0435\u0440\u043d\u043e\u0432\u0438\u043a \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0430 (\u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u0442\u0441\u044f)<\/a>" \u043f\u0440\u0438\u0432\u0435\u0434\u0451\u043d \u043f\u0440\u0438\u043c\u0435\u0440 \u0440\u0438\u0441\u043e\u0432\u0430\u043d\u0438\u044f \u0440\u0430\u0437\u043c\u0435\u0440\u043e\u0432. \u0412 \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0435\u043d\u0438\u0438 \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 JavaScript \u0438 \u0441\u0440\u0430\u0432\u043d\u0438\u043c \u0444\u0430\u0439\u043b\u044b \u0447\u0435\u0440\u0442\u0435\u0436\u0435\u0439 \u0432 \u0440\u0430\u0437\u043d\u044b\u0445 \u0444\u043e\u0440\u043c\u0430\u0442\u0430\u0445.  <\/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-188170","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/188170","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=188170"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/188170\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=188170"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=188170"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=188170"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}