2012-11-18 32 views
4

我剛剛開始使用EaselJS作爲我正在進行的項目,並且我有點卡在Bitmap類中。我所做的是添加一個3000 x 4000圖像到畫布/舞臺,讓用戶縮放和旋轉它。主要使用以下功能:EaselJS,畫布,位圖圖像質量低,註冊點不起作用

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

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

這一切除註冊點外都有效。給函數的數字是圖像寬度/高度的一半,所以應該是好的。但旋轉仍然不是從中心..

此外我正在尋找一種方法來提高此位圖或舞臺的質量..當位圖縮放到0.2時,圖像不可見在所有的,只是一堆大塊/像素的..

希望有人能幫助我在這裏,提前

感謝

回答

9

愚蠢的錯誤,我的畫布被放大,因此質量低,即使圖像沒有縮放。

寬度和高度屬性定義畫布分辨率

css風格寬度和高度定義了尺寸的畫布。

對於有質量問題大家,你可以過採樣畫布:

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

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

來源: http://blog.headspin.com/?p=464