From 1386fed7d38652d5848d315927e7e23a66cffd13 Mon Sep 17 00:00:00 2001 From: Alexey Pyltsyn Date: Wed, 20 Oct 2021 13:28:52 +0300 Subject: [RU] Remove `name` attribute from headings (#2788) --- files/ru/web/api/animation/starttime/index.html | 8 +-- files/ru/web/api/blob/blob/index.html | 2 +- .../api/canvas_api/a_basic_ray-caster/index.html | 10 ++-- files/ru/web/api/canvas_api/index.html | 8 +-- .../tutorial/applying_styles_and_colors/index.html | 6 +-- .../tutorial/basic_animations/index.html | 6 +-- .../api/canvas_api/tutorial/compositing/index.html | 6 +-- .../canvas_api/tutorial/drawing_text/index.html | 2 +- files/ru/web/api/canvas_api/tutorial/index.html | 6 +-- .../canvas_api/tutorial/transformations/index.html | 18 +++---- files/ru/web/api/canvaspattern/index.html | 2 +- .../api/canvasrenderingcontext2d/arc/index.html | 6 +-- .../beziercurveto/index.html | 14 +++--- .../canvasrenderingcontext2d/clearrect/index.html | 12 ++--- .../canvasrenderingcontext2d/fillrect/index.html | 12 ++--- .../canvasrenderingcontext2d/fillstyle/index.html | 2 +- .../canvasrenderingcontext2d/linecap/index.html | 4 +- .../canvasrenderingcontext2d/linejoin/index.html | 4 +- .../canvasrenderingcontext2d/linewidth/index.html | 4 +- .../api/canvasrenderingcontext2d/moveto/index.html | 12 ++--- .../api/canvasrenderingcontext2d/rect/index.html | 12 ++--- .../canvasrenderingcontext2d/strokerect/index.html | 12 ++--- .../strokestyle/index.html | 6 +-- .../canvasrenderingcontext2d/textalign/index.html | 4 +- files/ru/web/api/characterdata/index.html | 4 +- files/ru/web/api/cleartimeout/index.html | 8 +-- files/ru/web/api/comment/index.html | 2 +- files/ru/web/api/console/dir/index.html | 6 +-- files/ru/web/api/console/index.html | 6 +-- files/ru/web/api/console/timeend/index.html | 12 ++--- files/ru/web/api/crypto/getrandomvalues/index.html | 2 +- files/ru/web/api/crypto_property/index.html | 2 +- files/ru/web/api/css_object_model/index.html | 4 +- files/ru/web/api/cssconditionrule/index.html | 2 +- files/ru/web/api/cssrule/index.html | 4 +- files/ru/web/api/cssstyledeclaration/index.html | 4 +- files/ru/web/api/datatransfer/index.html | 58 +++++++++++----------- files/ru/web/api/document/activeelement/index.html | 8 +-- files/ru/web/api/document/alinkcolor/index.html | 4 +- files/ru/web/api/document/anchors/index.html | 6 +-- files/ru/web/api/document/applets/index.html | 4 +- files/ru/web/api/document/body/index.html | 8 +-- files/ru/web/api/document/characterset/index.html | 6 +-- files/ru/web/api/document/close/index.html | 4 +- files/ru/web/api/document/compatmode/index.html | 6 +-- files/ru/web/api/document/contenttype/index.html | 6 +-- .../ru/web/api/document/createattribute/index.html | 8 +-- files/ru/web/api/document/createcomment/index.html | 12 ++--- files/ru/web/api/document/createelement/index.html | 10 ++-- files/ru/web/api/document/createrange/index.html | 8 +-- files/ru/web/api/document/defaultview/index.html | 2 +- files/ru/web/api/document/designmode/index.html | 4 +- files/ru/web/api/document/dir/index.html | 2 +- .../ru/web/api/document/documentelement/index.html | 6 +-- .../web/api/document/documenturiobject/index.html | 6 +-- files/ru/web/api/document/domain/index.html | 8 +-- files/ru/web/api/document/evaluate/index.html | 14 +++--- files/ru/web/api/document/execcommand/index.html | 12 ++--- files/ru/web/api/document/forms/index.html | 10 ++-- .../ru/web/api/document/getelementbyid/index.html | 12 ++--- .../api/document/getelementsbyclassname/index.html | 6 +-- files/ru/web/api/document/hasfocus/index.html | 6 +-- files/ru/web/api/document/head/index.html | 2 +- files/ru/web/api/document/height/index.html | 2 +- files/ru/web/api/document/images/index.html | 10 ++-- files/ru/web/api/document/index.html | 6 +-- files/ru/web/api/document/links/index.html | 4 +- files/ru/web/api/document/location/index.html | 4 +- files/ru/web/api/document/queryselector/index.html | 10 ++-- .../web/api/document/queryselectorall/index.html | 4 +- files/ru/web/api/document/referrer/index.html | 2 +- files/ru/web/api/document/scripts/index.html | 4 +- files/ru/web/api/document/url/index.html | 2 +- files/ru/web/api/document/writeln/index.html | 10 ++-- .../api/document_object_model/examples/index.html | 18 +++---- files/ru/web/api/document_object_model/index.html | 2 +- files/ru/web/api/documentfragment/index.html | 4 +- files/ru/web/api/domhighrestimestamp/index.html | 4 +- files/ru/web/api/domparser/index.html | 6 +-- files/ru/web/api/domstring/index.html | 2 +- files/ru/web/api/domstringlist/index.html | 2 +- files/ru/web/api/element/attachshadow/index.html | 2 +- files/ru/web/api/element/attributes/index.html | 6 +-- .../web/api/element/childelementcount/index.html | 2 +- files/ru/web/api/element/classlist/index.html | 2 +- files/ru/web/api/element/classname/index.html | 12 ++--- files/ru/web/api/element/clientheight/index.html | 10 ++-- files/ru/web/api/element/clienttop/index.html | 8 +-- files/ru/web/api/element/closest/index.html | 10 ++-- .../ru/web/api/element/createshadowroot/index.html | 2 +- files/ru/web/api/element/getattribute/index.html | 10 ++-- .../api/element/getboundingclientrect/index.html | 6 +-- files/ru/web/api/element/hasattributes/index.html | 2 +- files/ru/web/api/element/id/index.html | 4 +- files/ru/web/api/element/index.html | 6 +-- .../api/element/insertadjacentelement/index.html | 8 +-- .../web/api/element/insertadjacenthtml/index.html | 8 +-- .../web/api/element/insertadjacenttext/index.html | 8 +-- files/ru/web/api/element/localname/index.html | 10 ++-- files/ru/web/api/element/matches/index.html | 6 +-- files/ru/web/api/element/namespaceuri/index.html | 8 +-- .../web/api/element/nextelementsibling/index.html | 8 +-- files/ru/web/api/element/outerhtml/index.html | 8 +-- files/ru/web/api/element/prefix/index.html | 8 +-- .../api/element/previouselementsibling/index.html | 8 +-- files/ru/web/api/element/queryselector/index.html | 6 +-- .../ru/web/api/element/queryselectorall/index.html | 12 ++--- .../ru/web/api/element/removeattribute/index.html | 8 +-- .../web/api/element/requestpointerlock/index.html | 4 +- files/ru/web/api/element/scrollheight/index.html | 12 ++--- files/ru/web/api/element/scrollintoview/index.html | 4 +- files/ru/web/api/element/scrollleft/index.html | 4 +- files/ru/web/api/element/scrollto/index.html | 8 +-- files/ru/web/api/element/scrolltop/index.html | 4 +- files/ru/web/api/element/setattribute/index.html | 8 +-- files/ru/web/api/element/slot/index.html | 2 +- files/ru/web/api/element/tagname/index.html | 2 +- files/ru/web/api/event/bubbles/index.html | 6 +-- files/ru/web/api/event/cancelable/index.html | 10 ++-- .../event/comparison_of_event_targets/index.html | 10 ++-- files/ru/web/api/event/event/index.html | 2 +- files/ru/web/api/event/eventphase/index.html | 6 +-- files/ru/web/api/event/index.html | 10 ++-- files/ru/web/api/event/initevent/index.html | 6 +-- files/ru/web/api/event/preventdefault/index.html | 8 +-- .../api/event/stopimmediatepropagation/index.html | 6 +-- files/ru/web/api/event/stoppropagation/index.html | 6 +-- files/ru/web/api/event/type/index.html | 6 +-- files/ru/web/api/eventlistener/index.html | 12 ++--- files/ru/web/api/eventsource/index.html | 14 +++--- .../api/eventtarget/addeventlistener/index.html | 24 ++++----- .../web/api/eventtarget/dispatchevent/index.html | 6 +-- files/ru/web/api/eventtarget/index.html | 6 +-- .../api/eventtarget/removeeventlistener/index.html | 10 ++-- files/ru/web/api/file/name/index.html | 2 +- .../using_files_from_web_applications/index.html | 2 +- .../introduction/index.html | 30 +++++------ files/ru/web/api/filelist/index.html | 20 ++++---- files/ru/web/api/filereader/index.html | 8 +-- .../ru/web/api/filereader/readasdataurl/index.html | 4 +- files/ru/web/api/formdata/append/index.html | 2 +- files/ru/web/api/formdata/delete/index.html | 2 +- files/ru/web/api/formdata/formdata/index.html | 2 +- files/ru/web/api/formdata/get/index.html | 2 +- files/ru/web/api/formdata/getall/index.html | 2 +- files/ru/web/api/formdata/has/index.html | 2 +- files/ru/web/api/formdata/index.html | 2 +- files/ru/web/api/formdata/set/index.html | 2 +- files/ru/web/api/fullscreen_api/index.html | 6 +-- .../gamepad_api/using_the_gamepad_api/index.html | 6 +-- files/ru/web/api/gamepadevent/index.html | 2 +- .../web/api/globaleventhandlers/onabort/index.html | 8 +-- .../onanimationcancel/index.html | 2 +- .../api/globaleventhandlers/onchange/index.html | 6 +-- .../web/api/globaleventhandlers/onclick/index.html | 8 +-- .../globaleventhandlers/oncontextmenu/index.html | 6 +-- .../web/api/globaleventhandlers/onerror/index.html | 10 ++-- .../web/api/globaleventhandlers/onload/index.html | 8 +-- .../api/globaleventhandlers/onloadend/index.html | 6 +-- .../api/globaleventhandlers/onselect/index.html | 8 +-- .../drag_operations/index.html | 20 ++++---- files/ru/web/api/htmlaudioelement/index.html | 4 +- files/ru/web/api/htmlbasefontelement/index.html | 2 +- files/ru/web/api/htmlcontentelement/index.html | 2 +- files/ru/web/api/htmldataelement/index.html | 2 +- files/ru/web/api/htmldialogelement/open/index.html | 4 +- .../web/api/htmlelement/contenteditable/index.html | 4 +- files/ru/web/api/htmlelement/hidden/index.html | 4 +- .../ru/web/api/htmlelement/offsetheight/index.html | 10 ++-- files/ru/web/api/htmlelement/offsetleft/index.html | 8 +-- files/ru/web/api/htmlelement/offsettop/index.html | 10 ++-- .../ru/web/api/htmlelement/offsetwidth/index.html | 10 ++-- files/ru/web/api/htmlformelement/length/index.html | 6 +-- .../api/htmlformelement/reportvalidity/index.html | 8 +-- files/ru/web/api/htmlformelement/reset/index.html | 6 +-- files/ru/web/api/htmlformelement/submit/index.html | 2 +- .../web/api/htmlimageelement/decoding/index.html | 4 +- .../ru/web/api/htmlimageelement/srcset/index.html | 2 +- files/ru/web/api/htmlinputelement/index.html | 2 +- .../web/api/htmlmediaelement/duration/index.html | 4 +- files/ru/web/api/htmltablecellelement/index.html | 4 +- files/ru/web/api/htmltableelement/index.html | 10 ++-- files/ru/web/api/htmltimeelement/index.html | 2 +- files/ru/web/api/idbindex/index.html | 2 +- files/ru/web/api/imagedata/index.html | 2 +- .../api/indexeddb_api/using_indexeddb/index.html | 6 +-- files/ru/web/api/keyboardevent/altkey/index.html | 4 +- files/ru/web/api/mediadevices/index.html | 2 +- files/ru/web/api/mediaerror/code/index.html | 4 +- .../echocancellation/index.html | 2 +- files/ru/web/api/mouseevent/buttons/index.html | 2 +- files/ru/web/api/mouseevent/clientx/index.html | 6 +-- files/ru/web/api/mouseevent/clienty/index.html | 6 +-- files/ru/web/api/mouseevent/ctrlkey/index.html | 6 +-- files/ru/web/api/mouseevent/index.html | 2 +- files/ru/web/api/mouseevent/offsetx/index.html | 4 +- files/ru/web/api/mouseevent/pagex/index.html | 4 +- files/ru/web/api/mouseevent/shiftkey/index.html | 6 +-- files/ru/web/api/mutationobserver/index.html | 2 +- files/ru/web/api/navigation_timing_api/index.html | 4 +- files/ru/web/api/navigator/battery/index.html | 2 +- files/ru/web/api/navigator/connection/index.html | 2 +- .../ru/web/api/navigator/cookieenabled/index.html | 6 +-- files/ru/web/api/navigator/donottrack/index.html | 6 +-- files/ru/web/api/navigator/getgamepads/index.html | 2 +- files/ru/web/api/navigator/index.html | 6 +-- files/ru/web/api/navigator/oscpu/index.html | 8 +-- .../navigator/registerprotocolhandler/index.html | 10 ++-- .../ru/web/api/navigator/serviceworker/index.html | 2 +- files/ru/web/api/navigator/vibrate/index.html | 2 +- files/ru/web/api/networkinformation/index.html | 2 +- files/ru/web/api/node/appendchild/index.html | 14 +++--- files/ru/web/api/node/baseuri/index.html | 6 +-- files/ru/web/api/node/childnodes/index.html | 10 ++-- files/ru/web/api/node/clonenode/index.html | 6 +-- .../api/node/comparedocumentposition/index.html | 10 ++-- files/ru/web/api/node/contains/index.html | 10 ++-- files/ru/web/api/node/firstchild/index.html | 6 +-- files/ru/web/api/node/haschildnodes/index.html | 8 +-- files/ru/web/api/node/insertbefore/index.html | 10 ++-- .../ru/web/api/node/isdefaultnamespace/index.html | 6 +-- files/ru/web/api/node/isequalnode/index.html | 4 +- files/ru/web/api/node/issamenode/index.html | 2 +- files/ru/web/api/node/issupported/index.html | 4 +- files/ru/web/api/node/lastchild/index.html | 8 +-- files/ru/web/api/node/nextsibling/index.html | 8 +-- files/ru/web/api/node/nodetype/index.html | 6 +-- files/ru/web/api/node/nodevalue/index.html | 6 +-- files/ru/web/api/node/normalize/index.html | 8 +-- files/ru/web/api/node/ownerdocument/index.html | 8 +-- files/ru/web/api/node/parentelement/index.html | 8 +-- files/ru/web/api/node/parentnode/index.html | 12 ++--- files/ru/web/api/node/previoussibling/index.html | 8 +-- files/ru/web/api/node/removechild/index.html | 10 ++-- files/ru/web/api/node/replacechild/index.html | 10 ++-- files/ru/web/api/node/textcontent/index.html | 10 ++-- files/ru/web/api/performance_property/index.html | 4 +- files/ru/web/api/pointer_lock_api/index.html | 20 ++++---- files/ru/web/api/range/collapsed/index.html | 6 +-- .../web/api/range/getboundingclientrect/index.html | 6 +-- files/ru/web/api/range/index.html | 4 +- files/ru/web/api/range/surroundcontents/index.html | 6 +-- files/ru/web/api/screen/index.html | 6 +-- files/ru/web/api/selection/getrangeat/index.html | 10 ++-- files/ru/web/api/selection/index.html | 10 ++-- files/ru/web/api/selection/tostring/index.html | 10 ++-- files/ru/web/api/server-sent_events/index.html | 8 +-- .../using_service_workers/index.html | 2 +- .../ru/web/api/serviceworker/scripturl/index.html | 2 +- .../pushmanager/index.html | 2 +- .../serviceworkerregistration/update/index.html | 2 +- files/ru/web/api/settimeout/index.html | 10 ++-- .../ru/web/api/storagemanager/estimate/index.html | 2 +- files/ru/web/api/stylesheet/index.html | 4 +- files/ru/web/api/svgaelement/index.html | 2 +- files/ru/web/api/svgaelement/target/index.html | 2 +- files/ru/web/api/text/index.html | 2 +- files/ru/web/api/touchevent/altkey/index.html | 6 +-- .../web/api/touchevent/changedtouches/index.html | 6 +-- files/ru/web/api/touchevent/index.html | 2 +- files/ru/web/api/usvstring/index.html | 2 +- files/ru/web/api/web_audio_api/index.html | 6 +-- files/ru/web/api/webrtc_api/index.html | 2 +- files/ru/web/api/websocket/index.html | 20 ++++---- files/ru/web/api/websockets_api/index.html | 6 +-- files/ru/web/api/window/alert/index.html | 12 ++--- files/ru/web/api/window/blur/index.html | 10 ++-- files/ru/web/api/window/close/index.html | 2 +- files/ru/web/api/window/confirm/index.html | 10 ++-- files/ru/web/api/window/console/index.html | 4 +- .../ru/web/api/window/devicepixelratio/index.html | 4 +- files/ru/web/api/window/frameelement/index.html | 12 ++--- files/ru/web/api/window/frames/index.html | 4 +- .../ru/web/api/window/getcomputedstyle/index.html | 2 +- files/ru/web/api/window/getselection/index.html | 12 ++--- files/ru/web/api/window/history/index.html | 2 +- files/ru/web/api/window/location/index.html | 4 +- files/ru/web/api/window/matchmedia/index.html | 12 ++--- files/ru/web/api/window/name/index.html | 8 +-- files/ru/web/api/window/navigator/index.html | 2 +- .../web/api/window/ondeviceorientation/index.html | 4 +- files/ru/web/api/window/onpaint/index.html | 8 +-- files/ru/web/api/window/pageyoffset/index.html | 4 +- files/ru/web/api/window/parent/index.html | 8 +-- files/ru/web/api/window/print/index.html | 8 +-- files/ru/web/api/window/prompt/index.html | 10 ++-- .../api/window/requestanimationframe/index.html | 10 ++-- .../web/api/window/requestidlecallback/index.html | 12 ++--- files/ru/web/api/window/screenx/index.html | 6 +-- files/ru/web/api/window/scroll/index.html | 10 ++-- files/ru/web/api/window/scrollby/index.html | 12 ++--- files/ru/web/api/window/scrollbylines/index.html | 12 ++--- files/ru/web/api/window/scrollmaxy/index.html | 8 +-- files/ru/web/api/window/scrollto/index.html | 12 ++--- files/ru/web/api/window/scrollx/index.html | 10 ++-- files/ru/web/api/window/scrolly/index.html | 10 ++-- files/ru/web/api/window/self/index.html | 4 +- files/ru/web/api/window/stop/index.html | 10 ++-- .../windoweventhandlers/onbeforeunload/index.html | 6 +-- .../windoweventhandlers/onhashchange/index.html | 2 +- .../api/windoweventhandlers/onpopstate/index.html | 8 +-- files/ru/web/api/xmldocument/async/index.html | 2 +- files/ru/web/api/xmlhttprequest/index.html | 20 ++++---- .../xmlhttprequest/onreadystatechange/index.html | 4 +- .../sending_and_receiving_binary_data/index.html | 12 ++--- files/ru/web/api/xmlserializer/index.html | 8 +-- 306 files changed, 1020 insertions(+), 1020 deletions(-) (limited to 'files/ru/web/api') diff --git a/files/ru/web/api/animation/starttime/index.html b/files/ru/web/api/animation/starttime/index.html index 71c07ed4ac..a06d28ab3a 100644 --- a/files/ru/web/api/animation/starttime/index.html +++ b/files/ru/web/api/animation/starttime/index.html @@ -12,24 +12,24 @@ original_slug: Web/API/Window/mozAnimationStartTime

{{ gecko_minversion_header("2.0") }}{{ non-standard_header() }}

-

Summary

+

Summary

Возвращает время в миллисекундах с начала эпохи UNIX, начиная с которого анимации, начавшиеся в определённый момент, должны быть сочтены уже начавшимися. Это значение должно быть использовано вместо, например, Date.now(), потому что оно будет тем же самым для анимаций, начавшихся в этом окне в течение этого интервала, позволяя им синхронизироваться между собой.

Это также позволяет анимациям JavaScript оставаться синхронизированными с CSS переходами и SMIL анимациями, запущенными в течение того же интервала обновления.

-

Syntax

+

Syntax

time = window.mozAnimationStartTime;
-

Parameters

+

Parameters

-

Specification

+

Specification

Not part of specification.

diff --git a/files/ru/web/api/blob/blob/index.html b/files/ru/web/api/blob/blob/index.html index eefa117462..a4016b0cf6 100644 --- a/files/ru/web/api/blob/blob/index.html +++ b/files/ru/web/api/blob/blob/index.html @@ -29,7 +29,7 @@ translation_of: Web/API/Blob/Blob 
var aFileParts = ['<a id="a"><b id="b">hey!</b></a>']; // an array consisting of a single DOMString
 var oMyBlob = new Blob(aFileParts, {type : 'text/html'}); // the blob
-

Спецификация

+

Спецификация

diff --git a/files/ru/web/api/canvas_api/a_basic_ray-caster/index.html b/files/ru/web/api/canvas_api/a_basic_ray-caster/index.html index d7afa0bf65..848c527485 100644 --- a/files/ru/web/api/canvas_api/a_basic_ray-caster/index.html +++ b/files/ru/web/api/canvas_api/a_basic_ray-caster/index.html @@ -11,13 +11,13 @@ translation_of: Web/API/Canvas_API/A_basic_ray-caster

Открыть в новом окне

-

Зачем?

+

Зачем?

Я попробовал небольшой эксперимент, понимая, к моему восторгу, что стильный элемент <canvas> о котором я читал, поддерживается не только в Fierfox, но так же поддерживается последней версией Safari.

Хорошие обзор и руководство по canvas я нашёл в MDN, но никто ещё не писал об анимации, поэтому я решил попробовать базовый порт raycaster, над которым я работал некоторое время назад, и посмотреть, какую производительность мы можем ожидать от управляемого JavaScript-ом пиксельного буфера.

-

Как?

+

Как?

Основная идея заключается в использовании {{domxref("window.setInterval","setInterval()")}} с некоторой произвольной задержкой, соответствующей требуемой частоте кадров. После каждого интервала функция обновления будет перерисовывать холст, и отображать текущий вид. Я знаю, что мог бы начать с более простого примера, но я уверен, что руководство canvas доберётся до этого, и я хотел посмотреть, смогу ли я это сделать.

@@ -25,13 +25,13 @@ translation_of: Web/API/Canvas_API/A_basic_ray-caster

Код, который я получил, - это смесь глав raycaster из старой книги Андре Ламотетрикса о гуру программирования игр (ISBN: 0672305070) и  java raycaster, которую я нашёл в интернете, отфильтровал, переименовал, и внёс все изменения, которые нужно было внести, чтобы все работало хорошо.

-

Результаты

+

Результаты

Холст в Safari 2.0.1 выполнен на удивление хорошо. С коэффициентом блочности, увеличенным до отображения кусочка шириной 8 пикселей, я могу запустить окно 320 x 240 при 24 fps на моем Apple mini. Firefox 1.5 Beta 1 ещё быстрее; я могу запускать 320 x 240 при 24 fps с 4 пиксельным кусочком. Не совсем новый член семейства программного обеспечения ID, но довольно приличный, учитывая, что это полностью интерпретируемая среда, и мне не нужно было беспокоиться о выделении памяти или видеорежимах или кодировании внутренних процедур в ассемблере или чем-то ещё. Код получился очень эффективным, он использует поиск по массиву предварительно вычисленных значений, но я не гуру оптимизации, поэтому все, вероятно, можно было бы написать быстрее.

Кроме того, он оставляет желать лучшего с точки зрения попыток быть игровым движком—нет текстур стен, нет спрайтов, нет дверей, даже нет телепортов, чтобы добраться до другого уровня. Но я уверен, что все эти вещи могут быть добавлены, через некоторое время. Canvas API поддерживает пиксельное копирование изображений, поэтому текстуры могут быть добавлены. Я оставлю это для другой статьи, возможно, от другого человека. =)

-

ray-caster

+

ray-caster

Хорошие люди здесь вручную скопировали мои файлы, чтобы вы могли взглянуть, и для вашего удобства я разместил содержимое отдельных файлов в виде списков кодов (см. ниже).

@@ -39,7 +39,7 @@ translation_of: Web/API/Canvas_API/A_basic_ray-caster

input.js | Level.js | Player.js | RayCaster.html | RayCaster.js | trace.css | trace.js

-

Смотрите также

+

Смотрите также

-

Библиотеки

+

Библиотеки

-

Спецификации

+

Спецификации

diff --git a/files/ru/web/api/canvas_api/tutorial/applying_styles_and_colors/index.html b/files/ru/web/api/canvas_api/tutorial/applying_styles_and_colors/index.html index 688e8a5b54..d85af68d7c 100644 --- a/files/ru/web/api/canvas_api/tutorial/applying_styles_and_colors/index.html +++ b/files/ru/web/api/canvas_api/tutorial/applying_styles_and_colors/index.html @@ -10,7 +10,7 @@ original_slug: Web/API/Canvas_API/Tutorial/Применение_стилей_и_

В главе о рисовании фигур, мы использовали для линий и заполнения только стили по умолчанию. Здесь мы будем исследовать опции canvas, которые мы имеем в нашем распоряжении, чтобы сделать наши рисунки немного более привлекательными. Вы узнаете, как добавлять различные цвета, стили линий, градиенты, узоры и тени вашим рисункам.

-

Цвета

+

Цвета

До сих пор мы видели только методы рисования контекста. Если мы хотим применить цвета к фигуре, то есть два важных свойства, которые мы можем использовать: fillStyle и strokeStyle.

@@ -90,7 +90,7 @@ ctx.fillStyle = "rgba(255,165,0,1)";

{{EmbedLiveSample("Пример_strokeStyle", "180", "180", "https://mdn.mozillademos.org/files/253/Canvas_strokestyle.png")}}

-

Прозрачность

+

Прозрачность

В дополнении к рисованию непрозрачных фигур, мы также можем рисовать прозрачные (полупрозрачные) фигуры.  Это делается через установку свойства globalAlpha или задачи полупрозрачного цвета фона или контура.

@@ -181,7 +181,7 @@ ctx.fillStyle = "rgba(255,0,0,0.5)";

{{EmbedLiveSample("Пример_использования_rgba()", "180", "180", "https://mdn.mozillademos.org/files/246/Canvas_rgba.png")}}

-

Стили линий

+

Стили линий

Есть несколько свойств, которые позволяют нам стилизовать линии.

diff --git a/files/ru/web/api/canvas_api/tutorial/basic_animations/index.html b/files/ru/web/api/canvas_api/tutorial/basic_animations/index.html index 0719240b2c..c4de801543 100644 --- a/files/ru/web/api/canvas_api/tutorial/basic_animations/index.html +++ b/files/ru/web/api/canvas_api/tutorial/basic_animations/index.html @@ -19,7 +19,7 @@ original_slug: Web/API/Canvas_API/Tutorial/Основы_анимации

Вероятно, самым большим ограничением является то, что когда фигура нарисована, её уже нельзя двигать. Чтобы изобразить движение нам нужно перерисовать фигуру и всё, что было нарисовано до неё. Перерисовка сложных кадров занимает много времени, и производительность сильно зависит от скорости компьютера, на котором она выполняется.

-

Основные шаги анимации

+

Основные шаги анимации

Ниже перечислены необходимые шаги для того, чтобы нарисовать кадр:

@@ -34,7 +34,7 @@ original_slug: Web/API/Canvas_API/Tutorial/Основы_анимации Если вы сохраняли состояние, восстановите его, прежде чем отрисовывать новый кадр. -

Управление анимацией

+

Управление анимацией

Фигуры отрисовываются на canvas либо напрямую — при помощи методов canvas, либо с помощью сторонних функций. В нормальной ситуации результат станет виден на canvas после окончания выполнения скрипта. К примеру, цикл for использовать для анимации нельзя. 

@@ -297,7 +297,7 @@ function draw() {

{{EmbedLiveSample("Зацикленная_панорама", "830", "230")}}

-

Другие примеры

+

Другие примеры

A basic ray-caster
diff --git a/files/ru/web/api/canvas_api/tutorial/compositing/index.html b/files/ru/web/api/canvas_api/tutorial/compositing/index.html index 4e4df0bef6..43661fc700 100644 --- a/files/ru/web/api/canvas_api/tutorial/compositing/index.html +++ b/files/ru/web/api/canvas_api/tutorial/compositing/index.html @@ -12,7 +12,7 @@ original_slug: Web/API/Canvas_API/Tutorial/Композиции

Во всех наших предыдущих примерах, фигуры всегда были нарисованы одна поверх другой. Это более чем достаточно для большинства ситуаций, но это ограничивает порядок, в котором построены композиционные формы. Однако, мы можем изменить это поведение, установив свойство globalCompositeOperation. Кроме того, свойства clip позволяет скрыть нежелательные части формы.

-

globalCompositeOperation

+

globalCompositeOperation

Мы можем не только рисовать новые фигуры за существующие формы, но мы также можем использовать его, чтобы замаскировать определённые участки, очистить разделы от холста (не ограничивается прямоугольниками, как{{domxref("CanvasRenderingContext2D.clearRect", "clearRect()")}} method does) и другое.

@@ -25,7 +25,7 @@ original_slug: Web/API/Canvas_API/Tutorial/Композиции

{{EmbedLiveSample("Compositing_example", 750, 6750, "" ,"Web/API/Canvas_API/Tutorial/Compositing/Example")}}

-

Обрезка контуров

+

Обрезка контуров

Отсечённый контур похож на обычную форму холста, но он действует как маска, чтобы скрыть нежелательные части фигур. Это визуализируется на изображении справа. Форма красной звезды - наша отправочная дорожка. Все, что выходит за пределы этого пути, не будет нарисовано на холсте.

@@ -42,7 +42,7 @@ original_slug: Web/API/Canvas_API/Tutorial/Композиции

По умолчанию элемент {{HTMLElement("canvas")}} использует отсечённый контур, который в точности совпадает по размеру с размером самого холста. Это означает, что никакого отсечения попросту не произойдёт.

-

Пример обрезки

+

Пример обрезки

В этом примере мы будем использовать круговую обрезку контура, чтобы ограничить рисование набора случайных звёзд определённой областью.

diff --git a/files/ru/web/api/canvas_api/tutorial/drawing_text/index.html b/files/ru/web/api/canvas_api/tutorial/drawing_text/index.html index 0464d884bf..58707876c9 100644 --- a/files/ru/web/api/canvas_api/tutorial/drawing_text/index.html +++ b/files/ru/web/api/canvas_api/tutorial/drawing_text/index.html @@ -101,7 +101,7 @@ ctx.strokeText("Hello world!", 0, 100);
-

Спецификации

+

Спецификации

diff --git a/files/ru/web/api/canvasrenderingcontext2d/arc/index.html b/files/ru/web/api/canvasrenderingcontext2d/arc/index.html index 9697f5fc44..97655d238b 100644 --- a/files/ru/web/api/canvasrenderingcontext2d/arc/index.html +++ b/files/ru/web/api/canvasrenderingcontext2d/arc/index.html @@ -39,7 +39,7 @@ translation_of: Web/API/CanvasRenderingContext2D/arc

Примеры

-

Использование метода arc

+

Использование метода arc

Ниже приведён пример простого кода который рисует круг.

@@ -61,7 +61,7 @@ ctx.stroke();

Вы можете редактировать код, представленный ниже, и сделанные вами изменения отобразятся на холсте в режиме реального времени (убедитесь, что вы используете браузер, поддерживающий данное свойство - смотрите таблицу совместимости):

@@ -133,11 +133,11 @@ window.addEventListener("load", drawCanvas);
-

Совместимость с браузерами

+

Совместимость с браузерами

{{Compat("api.CanvasRenderingContext2D.bezierCurveTo")}}

-

Смотрите также

+

Смотрите также