12.舞臺
12.1.舞臺的大小
舞臺建立後還能夠用舞臺對象的setSize(width, height)方法來設置舞臺的寬度與高度。json
<script>post
stage.setSize(300, 100);spa
</script>.net
12.2.舞臺的縮放
舞臺建立後還能夠用舞臺對象的setScale()方法來對舞臺進行縮放。setScale方法能夠接受一個參數，也能夠接受兩個參數，一個參數是指的橫向與縱向均以相同比例縮放，兩個參數則是分別設定橫向與縱向的縮放比例。參數是不小於0的浮點數，表示縮放的比例，小於1表示縮小，大於1表示放大。另外，縮放是以舞臺的左上角爲基點的。對象
<script>教程
// 橫縱方向等比例縮放事件
stage.setScale(scale);ip
// 分別制定橫縱方向上的縮放比例get
stage.setScale(scaleX, scaleY);it
</script>
12.3.獲取數據URL
Kinetic爲舞臺對象提供了一個toDataURL方法，能夠讓用戶得到舞臺的數據URL信息。toDataURL接受一個方法對象，這個方法至少接受一個參數dataURL保存的既是數據URL。除了這個dataURL參數外，還接受兩個參數，一個是mimeType，保存的是數據URL指向數據的mime文件格式，另外一個參數是quality，是一個0到1的浮點數，保存的是數據的質量。
用戶就能夠在這個方法裏對數據URL進行處理了。
<script>
stage.toDataURL(function(dataUrl, mimeType, quality){
// 在這裏對dataUrl、 mimeType、 quality 信息進行處理
});
</script>
12.4.將舞臺保存成JSON數據
將舞臺數據保存成JSON數據只須要執行舞臺對象的toJSON方法便可。
<script>
var json = stage.toJSON();
</script>
12.5.把JSON數據加載回舞臺
將舞臺數據保存成JSON數據只須要執行舞臺對象的load方法便可。
<script>
// 建立舞臺對象
var stage = new Kinetic.Stage({
container: ‘container’,
width: 600,
height: 400
});
// 加載舞臺
stage.load(json);
</script>
這個地方要注意，對於事件處理和圖像，是不能被序列化成JSON的，須要在加載JSON數據後在加載圖像並設定這些事件處理方法。