{"action":"created","comment":{"url":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/pulls/comments/74313825","id":74313825,"diff_hunk":"@@ -109,16 +109,44 @@\n       // Отрисовка изображения на холсте. Параметры задают изображение, которое\n       // нужно отрисовать и координаты его верхнего левого угла.\n       // Координаты задаются от центра холста.\n+\n       this._ctx.drawImage(this._image, displX, displY);\n \n+      this._ctx.fillStyle = 'rgba(0, 0, 0, .8)';\n+      this._ctx.beginPath();\n+      this._ctx.moveTo(-this._container.width / 2, -this._container.height / 2);\n+      this._ctx.lineTo(this._container.width / 2, -this._container.height / 2);\n+      this._ctx.lineTo(this._container.width / 2, this._container.height / 2);\n+      this._ctx.lineTo(-this._container.width / 2, this._container.height / 2);\n+      this._ctx.lineTo(-this._container.width / 2, -this._container.height / 2);\n+      this._ctx.moveTo(-this._resizeConstraint.side / 2 - this._ctx.lineWidth,\n+                      -this._resizeConstraint.side / 2 - this._ctx.lineWidth);\n+      this._ctx.lineTo(this._resizeConstraint.side / 2 - this._ctx.lineWidth / 2,\n+                      -this._resizeConstraint.side / 2 - this._ctx.lineWidth);\n+      this._ctx.lineTo(this._resizeConstraint.side / 2 - this._ctx.lineWidth / 2,\n+                      this._resizeConstraint.side / 2 - this._ctx.lineWidth / 2);\n+      this._ctx.lineTo(-this._resizeConstraint.side / 2 - this._ctx.lineWidth,\n+                      this._resizeConstraint.side / 2 - this._ctx.lineWidth / 2);\n+      this._ctx.lineTo(-this._resizeConstraint.side / 2 - this._ctx.lineWidth,\n+                      -this._resizeConstraint.side / 2 - this._ctx.lineWidth);","path":"build/js/resizer.js","position":23,"original_position":23,"commit_id":"55194955f66ac842dc2660d6540d947b297725bd","original_commit_id":"55194955f66ac842dc2660d6540d947b297725bd","user":{"login":"nezed","id":1659008,"avatar_url":"https://avatars.githubusercontent.com/u/1659008?v=3","gravatar_id":"","url":"https://api.github.com/users/nezed","html_url":"https://github.com/nezed","followers_url":"https://api.github.com/users/nezed/followers","following_url":"https://api.github.com/users/nezed/following{/other_user}","gists_url":"https://api.github.com/users/nezed/gists{/gist_id}","starred_url":"https://api.github.com/users/nezed/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/nezed/subscriptions","organizations_url":"https://api.github.com/users/nezed/orgs","repos_url":"https://api.github.com/users/nezed/repos","events_url":"https://api.github.com/users/nezed/events{/privacy}","received_events_url":"https://api.github.com/users/nezed/received_events","type":"User","site_admin":false},"body":"Отлично!\r\nТеперь кое-что улучшим.\r\n1. почитай про [canvas.fillRect](https://developer.mozilla.org/ru/docs/Web/API/CanvasRenderingContext2D/fillRect) и примени его\r\n2. нужно доработать твой код так, чтобы при перемещении картинки, за ней был виден фон кекстограма\r\n(сейчас, если сдвинуть картинку, твое затенение (backdrop) накладывается на затенение, которое уже есть у фона, и получается почти черный фон)","created_at":"2016-08-10T19:31:41Z","updated_at":"2016-08-10T19:31:41Z","html_url":"https://github.com/htmlacademy-javascript/131014-kekstagram/pull/3#discussion_r74313825","pull_request_url":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/pulls/3","_links":{"self":{"href":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/pulls/comments/74313825"},"html":{"href":"https://github.com/htmlacademy-javascript/131014-kekstagram/pull/3#discussion_r74313825"},"pull_request":{"href":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/pulls/3"}}},"pull_request":{"url":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/pulls/3","id":80783703,"html_url":"https://github.com/htmlacademy-javascript/131014-kekstagram/pull/3","diff_url":"https://github.com/htmlacademy-javascript/131014-kekstagram/pull/3.diff","patch_url":"https://github.com/htmlacademy-javascript/131014-kekstagram/pull/3.patch","issue_url":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/issues/3","number":3,"state":"open","locked":false,"title":"Canvas","user":{"login":"slavassh","id":3304910,"avatar_url":"https://avatars.githubusercontent.com/u/3304910?v=3","gravatar_id":"","url":"https://api.github.com/users/slavassh","html_url":"https://github.com/slavassh","followers_url":"https://api.github.com/users/slavassh/followers","following_url":"https://api.github.com/users/slavassh/following{/other_user}","gists_url":"https://api.github.com/users/slavassh/gists{/gist_id}","starred_url":"https://api.github.com/users/slavassh/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/slavassh/subscriptions","organizations_url":"https://api.github.com/users/slavassh/orgs","repos_url":"https://api.github.com/users/slavassh/repos","events_url":"https://api.github.com/users/slavassh/events{/privacy}","received_events_url":"https://api.github.com/users/slavassh/received_events","type":"User","site_admin":false},"body":"\n\n--\n:boom: https://htmlacademy-javascript.github.io/131014-kekstagram/3/","created_at":"2016-08-10T12:18:13Z","updated_at":"2016-08-10T19:31:41Z","closed_at":null,"merged_at":null,"merge_commit_sha":"76b22dcef411c4ff986b7771c9a2263b411345d2","assignee":{"login":"nezed","id":1659008,"avatar_url":"https://avatars.githubusercontent.com/u/1659008?v=3","gravatar_id":"","url":"https://api.github.com/users/nezed","html_url":"https://github.com/nezed","followers_url":"https://api.github.com/users/nezed/followers","following_url":"https://api.github.com/users/nezed/following{/other_user}","gists_url":"https://api.github.com/users/nezed/gists{/gist_id}","starred_url":"https://api.github.com/users/nezed/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/nezed/subscriptions","organizations_url":"https://api.github.com/users/nezed/orgs","repos_url":"https://api.github.com/users/nezed/repos","events_url":"https://api.github.com/users/nezed/events{/privacy}","received_events_url":"https://api.github.com/users/nezed/received_events","type":"User","site_admin":false},"assignees":[{"login":"nezed","id":1659008,"avatar_url":"https://avatars.githubusercontent.com/u/1659008?v=3","gravatar_id":"","url":"https://api.github.com/users/nezed","html_url":"https://github.com/nezed","followers_url":"https://api.github.com/users/nezed/followers","following_url":"https://api.github.com/users/nezed/following{/other_user}","gists_url":"https://api.github.com/users/nezed/gists{/gist_id}","starred_url":"https://api.github.com/users/nezed/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/nezed/subscriptions","organizations_url":"https://api.github.com/users/nezed/orgs","repos_url":"https://api.github.com/users/nezed/repos","events_url":"https://api.github.com/users/nezed/events{/privacy}","received_events_url":"https://api.github.com/users/nezed/received_events","type":"User","site_admin":false}],"milestone":null,"commits_url":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/pulls/3/commits","review_comments_url":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/pulls/3/comments","review_comment_url":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/pulls/comments{/number}","comments_url":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/issues/3/comments","statuses_url":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/statuses/55194955f66ac842dc2660d6540d947b297725bd","head":{"label":"slavassh:module2-task1","ref":"module2-task1","sha":"55194955f66ac842dc2660d6540d947b297725bd","user":{"login":"slavassh","id":3304910,"avatar_url":"https://avatars.githubusercontent.com/u/3304910?v=3","gravatar_id":"","url":"https://api.github.com/users/slavassh","html_url":"https://github.com/slavassh","followers_url":"https://api.github.com/users/slavassh/followers","following_url":"https://api.github.com/users/slavassh/following{/other_user}","gists_url":"https://api.github.com/users/slavassh/gists{/gist_id}","starred_url":"https://api.github.com/users/slavassh/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/slavassh/subscriptions","organizations_url":"https://api.github.com/users/slavassh/orgs","repos_url":"https://api.github.com/users/slavassh/repos","events_url":"https://api.github.com/users/slavassh/events{/privacy}","received_events_url":"https://api.github.com/users/slavassh/received_events","type":"User","site_admin":false},"repo":{"id":64823310,"name":"kekstagram","full_name":"slavassh/kekstagram","owner":{"login":"slavassh","id":3304910,"avatar_url":"https://avatars.githubusercontent.com/u/3304910?v=3","gravatar_id":"","url":"https://api.github.com/users/slavassh","html_url":"https://github.com/slavassh","followers_url":"https://api.github.com/users/slavassh/followers","following_url":"https://api.github.com/users/slavassh/following{/other_user}","gists_url":"https://api.github.com/users/slavassh/gists{/gist_id}","starred_url":"https://api.github.com/users/slavassh/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/slavassh/subscriptions","organizations_url":"https://api.github.com/users/slavassh/orgs","repos_url":"https://api.github.com/users/slavassh/repos","events_url":"https://api.github.com/users/slavassh/events{/privacy}","received_events_url":"https://api.github.com/users/slavassh/received_events","type":"User","site_admin":false},"private":false,"html_url":"https://github.com/slavassh/kekstagram","description":"Вячеслав Шестаков","fork":true,"url":"https://api.github.com/repos/slavassh/kekstagram","forks_url":"https://api.github.com/repos/slavassh/kekstagram/forks","keys_url":"https://api.github.com/repos/slavassh/kekstagram/keys{/key_id}","collaborators_url":"https://api.github.com/repos/slavassh/kekstagram/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/slavassh/kekstagram/teams","hooks_url":"https://api.github.com/repos/slavassh/kekstagram/hooks","issue_events_url":"https://api.github.com/repos/slavassh/kekstagram/issues/events{/number}","events_url":"https://api.github.com/repos/slavassh/kekstagram/events","assignees_url":"https://api.github.com/repos/slavassh/kekstagram/assignees{/user}","branches_url":"https://api.github.com/repos/slavassh/kekstagram/branches{/branch}","tags_url":"https://api.github.com/repos/slavassh/kekstagram/tags","blobs_url":"https://api.github.com/repos/slavassh/kekstagram/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/slavassh/kekstagram/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/slavassh/kekstagram/git/refs{/sha}","trees_url":"https://api.github.com/repos/slavassh/kekstagram/git/trees{/sha}","statuses_url":"https://api.github.com/repos/slavassh/kekstagram/statuses/{sha}","languages_url":"https://api.github.com/repos/slavassh/kekstagram/languages","stargazers_url":"https://api.github.com/repos/slavassh/kekstagram/stargazers","contributors_url":"https://api.github.com/repos/slavassh/kekstagram/contributors","subscribers_url":"https://api.github.com/repos/slavassh/kekstagram/subscribers","subscription_url":"https://api.github.com/repos/slavassh/kekstagram/subscription","commits_url":"https://api.github.com/repos/slavassh/kekstagram/commits{/sha}","git_commits_url":"https://api.github.com/repos/slavassh/kekstagram/git/commits{/sha}","comments_url":"https://api.github.com/repos/slavassh/kekstagram/comments{/number}","issue_comment_url":"https://api.github.com/repos/slavassh/kekstagram/issues/comments{/number}","contents_url":"https://api.github.com/repos/slavassh/kekstagram/contents/{+path}","compare_url":"https://api.github.com/repos/slavassh/kekstagram/compare/{base}...{head}","merges_url":"https://api.github.com/repos/slavassh/kekstagram/merges","archive_url":"https://api.github.com/repos/slavassh/kekstagram/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/slavassh/kekstagram/downloads","issues_url":"https://api.github.com/repos/slavassh/kekstagram/issues{/number}","pulls_url":"https://api.github.com/repos/slavassh/kekstagram/pulls{/number}","milestones_url":"https://api.github.com/repos/slavassh/kekstagram/milestones{/number}","notifications_url":"https://api.github.com/repos/slavassh/kekstagram/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/slavassh/kekstagram/labels{/name}","releases_url":"https://api.github.com/repos/slavassh/kekstagram/releases{/id}","deployments_url":"https://api.github.com/repos/slavassh/kekstagram/deployments","created_at":"2016-08-03T07:01:43Z","updated_at":"2016-08-03T07:17:40Z","pushed_at":"2016-08-10T17:54:37Z","git_url":"git://github.com/slavassh/kekstagram.git","ssh_url":"git@github.com:slavassh/kekstagram.git","clone_url":"https://github.com/slavassh/kekstagram.git","svn_url":"https://github.com/slavassh/kekstagram","homepage":null,"size":3805,"stargazers_count":0,"watchers_count":0,"language":"JavaScript","has_issues":false,"has_downloads":false,"has_wiki":false,"has_pages":false,"forks_count":0,"mirror_url":null,"open_issues_count":0,"forks":0,"open_issues":0,"watchers":0,"default_branch":"master"}},"base":{"label":"htmlacademy-javascript:master","ref":"master","sha":"c30ac030e884e163f36a7795d78d7b64db47236b","user":{"login":"htmlacademy-javascript","id":14179712,"avatar_url":"https://avatars.githubusercontent.com/u/14179712?v=3","gravatar_id":"","url":"https://api.github.com/users/htmlacademy-javascript","html_url":"https://github.com/htmlacademy-javascript","followers_url":"https://api.github.com/users/htmlacademy-javascript/followers","following_url":"https://api.github.com/users/htmlacademy-javascript/following{/other_user}","gists_url":"https://api.github.com/users/htmlacademy-javascript/gists{/gist_id}","starred_url":"https://api.github.com/users/htmlacademy-javascript/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/htmlacademy-javascript/subscriptions","organizations_url":"https://api.github.com/users/htmlacademy-javascript/orgs","repos_url":"https://api.github.com/users/htmlacademy-javascript/repos","events_url":"https://api.github.com/users/htmlacademy-javascript/events{/privacy}","received_events_url":"https://api.github.com/users/htmlacademy-javascript/received_events","type":"Organization","site_admin":false},"repo":{"id":64784420,"name":"131014-kekstagram","full_name":"htmlacademy-javascript/131014-kekstagram","owner":{"login":"htmlacademy-javascript","id":14179712,"avatar_url":"https://avatars.githubusercontent.com/u/14179712?v=3","gravatar_id":"","url":"https://api.github.com/users/htmlacademy-javascript","html_url":"https://github.com/htmlacademy-javascript","followers_url":"https://api.github.com/users/htmlacademy-javascript/followers","following_url":"https://api.github.com/users/htmlacademy-javascript/following{/other_user}","gists_url":"https://api.github.com/users/htmlacademy-javascript/gists{/gist_id}","starred_url":"https://api.github.com/users/htmlacademy-javascript/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/htmlacademy-javascript/subscriptions","organizations_url":"https://api.github.com/users/htmlacademy-javascript/orgs","repos_url":"https://api.github.com/users/htmlacademy-javascript/repos","events_url":"https://api.github.com/users/htmlacademy-javascript/events{/privacy}","received_events_url":"https://api.github.com/users/htmlacademy-javascript/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/htmlacademy-javascript/131014-kekstagram","description":"Вячеслав Шестаков","fork":false,"url":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram","forks_url":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/forks","keys_url":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/keys{/key_id}","collaborators_url":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/teams","hooks_url":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/hooks","issue_events_url":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/issues/events{/number}","events_url":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/events","assignees_url":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/assignees{/user}","branches_url":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/branches{/branch}","tags_url":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/tags","blobs_url":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/git/refs{/sha}","trees_url":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/git/trees{/sha}","statuses_url":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/statuses/{sha}","languages_url":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/languages","stargazers_url":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/stargazers","contributors_url":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/contributors","subscribers_url":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/subscribers","subscription_url":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/subscription","commits_url":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/commits{/sha}","git_commits_url":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/git/commits{/sha}","comments_url":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/comments{/number}","issue_comment_url":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/issues/comments{/number}","contents_url":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/contents/{+path}","compare_url":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/compare/{base}...{head}","merges_url":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/merges","archive_url":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/downloads","issues_url":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/issues{/number}","pulls_url":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/pulls{/number}","milestones_url":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/milestones{/number}","notifications_url":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/labels{/name}","releases_url":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/releases{/id}","deployments_url":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/deployments","created_at":"2016-08-02T19:01:20Z","updated_at":"2016-08-03T09:37:35Z","pushed_at":"2016-08-10T12:19:14Z","git_url":"git://github.com/htmlacademy-javascript/131014-kekstagram.git","ssh_url":"git@github.com:htmlacademy-javascript/131014-kekstagram.git","clone_url":"https://github.com/htmlacademy-javascript/131014-kekstagram.git","svn_url":"https://github.com/htmlacademy-javascript/131014-kekstagram","homepage":"https://github.com/slavassh/kekstagram","size":3805,"stargazers_count":0,"watchers_count":0,"language":"JavaScript","has_issues":false,"has_downloads":false,"has_wiki":false,"has_pages":true,"forks_count":1,"mirror_url":null,"open_issues_count":1,"forks":1,"open_issues":1,"watchers":0,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/pulls/3"},"html":{"href":"https://github.com/htmlacademy-javascript/131014-kekstagram/pull/3"},"issue":{"href":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/issues/3"},"comments":{"href":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/issues/3/comments"},"review_comments":{"href":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/pulls/3/comments"},"review_comment":{"href":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/pulls/3/commits"},"statuses":{"href":"https://api.github.com/repos/htmlacademy-javascript/131014-kekstagram/statuses/55194955f66ac842dc2660d6540d947b297725bd"}}}}
{"actor":{"display_login":"nezed"}}