html canvas 보이는 크기와 실제 크기 다르게 설정하기

음.. 해보려는데 잘 안된다?

먼저 CSS를 통해서 사이즈가 정해져 있는데

canvas.width로 하고 이미지를 써올려 보니 커진다.. -_-

var canvas = document.getElementById("canvas"),     ctx = canvas.getContext("2d"); canvas.width = 600; canvas.height = 300; and then change its displayed size using css #canvas{    width: 300px;    height: 150px;  }​

[링크 : https://stackoverflow.com/questions/9742131/scaling-canvas-element-with-static-resolution]

[링크 : https://www.html5canvastutorials.com/advanced/html5-canvas-transform-scale-tutorial/]

[링크 : https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/scale]

[링크 : https://www.w3schools.com/tags/canvas_scale.asp]