Я использую пример этой страницы: https://developer.mozilla.org/en-US/docs/Web/API/Window/devicePixelRatio
const scale = window.devicePixelRatio || 1
const data = this.data
const canvas = this.$refs.canvas
const ctx = this.$refs.canvas.getContext('2d')
const canvasW = data.length * unitW + lineWidth
const canvasH = unitH * 6 + lineWidth
canvas.style.width = canvasW + 'px'
canvas.style.height = canvasH + 'px'
canvas.width = canvasW * scale
canvas.height = canvasH * scale
ctx.scale(scale, scale)
// below are draw functions
Я обнаружил, что devicePixelRatio это 3 или 1, холст разрешение не правильное (круги размыты). 
Однако, если я вручную установлю масштаб на 2, холст будет отлично смотреться на каждом экране.
Итак почему devicePixelRatio пример не работает?
и почему 2 это число волхвов c?