API блокировки указателя (Pointer lock api)

<?xml version="1.0" encoding="UTF-8"?> <svg width="800px" height="800px" viewBox="0 0 73 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>the-modern-web/pointer-lock-api</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="the-modern-web/pointer-lock-api" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="container" transform="translate(2.000000, 2.000000)" fill="#FFFFFF" fill-rule="nonzero" stroke="#32434A" stroke-width="2"> <rect id="mask" x="-1" y="-1" width="71" height="71" rx="14"> </rect> </g> <g id="lock" transform="translate(17.000000, 15.000000)" fill-rule="nonzero"> <path d="M7.8875,0 C4.98232218,0 2.62916667,2.35315552 2.62916667,5.25833333 L2.62916667,10.5166667 L13.1458333,10.5166667 L13.1458333,5.25833333 C13.1458333,2.35315552 10.7926778,0 7.8875,0 Z M10.5166667,7.8875 L5.25833333,7.8875 L5.25833333,5.25833333 C5.25833333,3.81216333 6.44133,2.62916667 7.8875,2.62916667 C9.33367,2.62916667 10.5166667,3.81216333 10.5166667,5.25833333 L10.5166667,7.8875 Z" id="Shape" fill="#77959E"> </path> <path d="M35.49375,42.0666667 L17.0895833,42.0666667 L17.0895833,39.9134588 L9.44792586,30.7428278 C7.93467867,28.9272522 8.16351115,26.1995559 9.95790458,24.6628799 C10.7454991,23.9885783 11.7484467,23.6166051 12.7831676,23.6166051 C14.0765686,23.6166051 15.2939061,24.1869211 16.1219396,25.1795985 L18.4041667,27.9191696 L18.4041667,10.5166667 C18.4041667,8.34227649 20.1735265,6.57291667 22.3479167,6.57291667 C24.5223068,6.57291667 26.2916667,8.34227649 26.2916667,10.5166667 L26.2916667,18.7408361 L39.4375,22.6845861 L39.4375,34.618217 L35.49375,39.8765503 L35.49375,42.0666667 Z" id="Shape" fill="#ECCE93"> </path> <polygon id="Shape" fill="#62808C" points="13.1458333 5.25833333 13.1458333 10.5166667 2.62916667 10.5166667 2.62916667 5.25833333 5.25833333 5.25833333 5.25833333 7.8875 10.5166667 7.8875 10.5166667 5.25833333"> </polygon> <polygon id="Shape" fill="#00DDC2" points="0 7.8875 15.775 7.8875 15.775 21.0333333 0 21.0333333"> </polygon> <g id="Group" transform="translate(6.572917, 13.145833)" fill="#FFFFFF"> <polygon id="Shape" points="0 0 2.62916667 0 2.62916667 2.62916667 0 2.62916667"> </polygon> <polygon id="Shape" points="15.775 19.71875 18.4041667 19.71875 18.4041667 22.3479167 15.775 22.3479167"> </polygon> <polygon id="Shape" points="21.0333333 19.71875 23.6625 19.71875 23.6625 22.3479167 21.0333333 22.3479167"> </polygon> </g> <polygon id="Shape" fill="#0AC1A7" points="0 18.4041667 15.775 18.4041667 15.775 21.0333333 0 21.0333333"> </polygon> </g> </g> </svg>