having issue rotating pixel art

[ariyan]

hi we are trying to create pixel art with canvas , and we having issue rotating our sprite or scaling it in size of 1.5 .

it doesn't smooth it , but it re-position pixels and ruins the sprite . is there a way to fix this ?

i believe there is a certain type of smoothing in unity3d that keeps pixels positioning and you can scale image in any size 

and rotate it . is there way to do this in html5?

[Donk]

I ran into the same issue a long time ago, I found this in my old source files. This is the styling I used for the canvas element in my markup. Hope this help.

  canvas{    outline:0;    border:1px solid #000;    margin-left: auto;    margin-right: auto;	image-rendering: optimizeSpeed;    image-rendering: -moz-crisp-edges;    image-rendering: -webkit-optimize-contrast;    image-rendering: optimize-contrast;    -ms-interpolation-mode: nearest-neighbor;    border: 5px solid #ddd;	  }