{"action":"opened","issue":{"url":"https://api.github.com/repos/paperjs/paper.js/issues/790","labels_url":"https://api.github.com/repos/paperjs/paper.js/issues/790/labels{/name}","comments_url":"https://api.github.com/repos/paperjs/paper.js/issues/790/comments","events_url":"https://api.github.com/repos/paperjs/paper.js/issues/790/events","html_url":"https://github.com/paperjs/paper.js/issues/790","id":108124037,"number":790,"title":"Problems with gradient on chrome Version 45.0.2454.99 m ","user":{"login":"arthursw","id":1814799,"avatar_url":"https://avatars.githubusercontent.com/u/1814799?v=3","gravatar_id":"","url":"https://api.github.com/users/arthursw","html_url":"https://github.com/arthursw","followers_url":"https://api.github.com/users/arthursw/followers","following_url":"https://api.github.com/users/arthursw/following{/other_user}","gists_url":"https://api.github.com/users/arthursw/gists{/gist_id}","starred_url":"https://api.github.com/users/arthursw/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/arthursw/subscriptions","organizations_url":"https://api.github.com/users/arthursw/orgs","repos_url":"https://api.github.com/users/arthursw/repos","events_url":"https://api.github.com/users/arthursw/events{/privacy}","received_events_url":"https://api.github.com/users/arthursw/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-09-24T12:53:18Z","updated_at":"2015-09-24T12:53:18Z","closed_at":null,"body":"I encountered a strange problem when navigating to [the gradient documentation](http://paperjs.org/reference/gradient/) on my version of chrome (Version 45.0.2454.99 m ) on windows 8.1\r\n\r\nI tried the following sketch and had strange results:\r\n\r\n    var path = new Path.Circle({\r\n        center: view.center,\r\n        radius: view.bounds.height * 0.4\r\n    });\r\n\r\n    path.fillColor = {\r\n        gradient: {\r\n            stops: [['yellow', 0.05], ['red', 0.2], ['black', 1]],\r\n            radial: true\r\n        },\r\n        origin: path.position,\r\n        destination: path.bounds.rightCenter\r\n    };\r\n\r\nThe result:\r\n![gradient](https://cloud.githubusercontent.com/assets/1814799/10073687/0597036e-62cb-11e5-87fd-a90dad874a9b.png)\r\n\r\nAnd then when I cliced on the result the circle streched to the correct size:\r\n\r\n![gradient2](https://cloud.githubusercontent.com/assets/1814799/10073688/0599478c-62cb-11e5-9033-7731e70c1e4a.png)\r\n\r\nI only got the following warnings in the chrome console:\r\n\r\n`The specified value \"!\" does not conform to the required format.  The format is \"#rrggbb\" where rr, gg, bb are two-digit hexadecimal numbers.`\r\n`ace.js:1 Automatically scrolling cursor into view after selection change this will be disabled in the next version set editor.$blockScrolling = Infinity to disable this message`\r\n[... 11 times the same warning ...]\r\n`ace.js:1 Automatically scrolling cursor into view after selection change this will be disabled in the next version set editor.$blockScrolling = Infinity to disable this message`\r\n\r\nThe result is not always the same, depending on how I resize my window. I even had the correct result once.\r\n\r\nThis might be a bug in my graphics card driver (Geforce GTX 750) which I updated yesterday. I had a warning about it this morning.\r\n\r\nIt works fine on firefox (on the same computer) and on my mac with chrome canary (v 47.0.2517.0 canary 64 bit)."}}