EaselJS, Canvas, Bitmap изображения с ниско качество и регистрационната точка не работи

Току-що започнах да използвам EaselJS за проект, върху който работя, и съм малко заседнал с Bitmap Class. Това, което правя, е да добавя изображение с размери 3000 x 4000 към платното/сцената и да оставя на потребителя да го мащабира и завърта. Основно използвам следната функция:

@width = 3000
@height = 4000
@scale = 0.2

@bitmap.setTransform( 0, 0, @scale, @scale, 200, 0, 0, @width*@scale/2, @height*@scale/2 )

Всичко това работи с изключение на регистрационната точка. Числото, дадено на функцията, е половината от ширината/височината на изображението, така че трябва да е добре. Но въртенето все още не е от центъра.

Също така търся начин да подобря качеството на това растерно изображение или сцената.. Когато растерното изображение е мащабирано до 0,2, изображението изобщо не се вижда, а само куп големи блокове/пиксели..

Надявам се, че някой може да ми помогне тук,

Благодаря предварително


javascript canvas coffeescript bitmap easeljs
person Tim Baas    schedule 18.11.2012    source източник

Отговори (1)


arrow_upward
10
arrow_downward

Глупава грешка, моето платно беше увеличено, така че качеството беше ниско, дори ако изображението не беше мащабирано.

Атрибутите широчина и височина определят резолюцията на платното.

Ширината и височината на css стила определят размера на платното.

За всеки, който има проблеми с качеството, можете да вземете повече проби от платното:

<style>
  canvas {
    width:200px;
    height:100px;
  }
</style>

<canvas width='400' height='200' />

Източник: http://blog.headspin.com/?p=464

person Tim Baas    schedule 19.11.2012