Ниже сценария не рисует полное изображение на холсте. Попытка сделать 400 * 346 пикс из sprite.Tested хромом, сафари, MOZILLAHTML5 Canvas API
<html>
<head>
</head>
<body>
<script type="text/javascript">
var canvas = null;
function init() {
var cvs = document.createElement("canvas");
cvs.id = "myCanvas";
var ctx = cvs.getContext('2d');
var originX = 200;
var originY = 173;
document.body.appendChild(cvs);
var img = new Image();
img.onload = function() {
var sourceX = 1200;
var sourceY = 0;
var sourceWidth = 400;
var sourceHeight = 346;
var destinationX = 0;
var destinationY = 0;
var destinationWidth = 400;
var destinationHeight = 346;
ctx.drawImage(img, sourceX, sourceY, sourceWidth, sourceHeight,
destinationX, destinationY, destinationWidth, destinationHeight);
};
img.src = 'tiles.png';
};
init();
</script>
</body>
Пожалуйста, помогите.
Как вы думаете, где ошибка происходит от? Вы видите сообщения об ошибках в консоли? Вы пробовали регистрировать вещи, чтобы узнать, является ли их результат тем, что вы ожидаете. Не просто бросайте кусок кода и говорите другим людям, чтобы он работал. – m90
Я пробовал ... код работает нормально. Нет сообщения об ошибке. Но он не рисует полное изображение из спрайта. я не могу загружать изображение из-за недостаточных привилегий «недостаточно репутации». Также каждое изображение в спрайте составляет 400 * 346 px. –
Исправлено ... cvs.setAttribute ('width', '1000'); cvs.setAttribute ('height', '1000'); где cvs - это объект canvas, а не контекст. -MS –