如何繪製調整後的圖像的矩形上的飛鏢

我想一些動畫代碼，我GameEngine，有什麼我迄今所做的是使用精靈套與我的動畫元素的所有可能的幀，爲此我使用drawImageToRect方法，它工作得很好。但是現在我不僅要繪製一幅圖像，而且要調整圖像大小並僅繪製一幅圖像。如何繪製調整後的圖像的矩形上的飛鏢

enter image description here

檢查我注意到有畫一個調整後的圖像drawImageScaledFromSource的方法，但這種只允許我繪製完整的圖像，並調整其大小的文檔。這是不方便的，因爲我想處理單個文件中的動畫，並且如果我必須多次手動調整同一動畫圖像以處理不同的大小。

可以調整大小和圖像，繪製只有一張呢？你在你的問題提

來源

2013-09-30 Jorge Luis Vargas

drawImageScaledFromSource似乎提供你想要的。請參閱附加到文檔的示例：

VideoElement video = document.query('video'); 
video.width = 100; 
video.height = 100; 
// Take the middle 20x20 pixels from the video and stretch them. 
ctx.drawImageScaledFromSource(video, 40, 40, 20, 20, 50, 50, 100, 100);

四個源參數允許採用源的任何部分。

來源

2013-09-30 20:01:44

你說得對，我想我需要一些睡眠笑。這樣做的訣竅，「video.width」部分是沒有必要的，因爲你在調用中指示sourceWidth和sourceHeight。 –

如何繪製調整後的圖像的矩形上的飛鏢

回答

相關問題