var Commands = require('./Commands'); var SetTransform = require('../../renderer/canvas/utils/SetTransform'); var GraphicsCanvasRenderer = function (renderer, src, interpolationPercentage, camera, parentMatrix, renderTargetCtx, allowClip){ var commandBuffer = src.commandBuffer; var commandBufferLength = _AN_Read_length('length', commandBuffer); var ctx = renderTargetCtx || renderer.currentContext; if (commandBufferLength === 0 || !SetTransform(renderer, ctx, src, camera, parentMatrix)) { return ; } var lineAlpha = 1; var fillAlpha = 1; var lineColor = 0; var fillColor = 0; var lineWidth = 1; var red = 0; var green = 0; var blue = 0; ctx.beginPath(); for (var index = 0; index < commandBufferLength; ++index){ var commandID = commandBuffer[index]; switch (commandID){ case Commands.ARC: ctx.arc(commandBuffer[index + 1], commandBuffer[index + 2], commandBuffer[index + 3], commandBuffer[index + 4], commandBuffer[index + 5], commandBuffer[index + 6]); index += 7; break ; case Commands.LINE_STYLE: lineWidth = commandBuffer[index + 1]; lineColor = commandBuffer[index + 2]; lineAlpha = commandBuffer[index + 3]; red = ((lineColor & 16711680) >>> 16); green = ((lineColor & 65280) >>> 8); blue = (lineColor & 255); ctx.strokeStyle = 'rgba(' + red + ',' + green + ',' + blue + ',' + lineAlpha + ')'; ctx.lineWidth = lineWidth; index += 3; break ; case Commands.FILL_STYLE: fillColor = commandBuffer[index + 1]; fillAlpha = commandBuffer[index + 2]; red = ((fillColor & 16711680) >>> 16); green = ((fillColor & 65280) >>> 8); blue = (fillColor & 255); ctx.fillStyle = 'rgba(' + red + ',' + green + ',' + blue + ',' + fillAlpha + ')'; index += 2; break ; case Commands.BEGIN_PATH: ctx.beginPath(); break ; case Commands.CLOSE_PATH: ctx.closePath(); break ; case Commands.FILL_PATH: if (!allowClip) { ctx.fill(); } break ; case Commands.STROKE_PATH: if (!allowClip) { ctx.stroke(); } break ; case Commands.FILL_RECT: if (!allowClip) { ctx.fillRect(commandBuffer[index + 1], commandBuffer[index + 2], commandBuffer[index + 3], commandBuffer[index + 4]); } else { ctx.rect(commandBuffer[index + 1], commandBuffer[index + 2], commandBuffer[index + 3], commandBuffer[index + 4]); } index += 4; break ; case Commands.FILL_TRIANGLE: ctx.beginPath(); ctx.moveTo(commandBuffer[index + 1], commandBuffer[index + 2]); ctx.lineTo(commandBuffer[index + 3], commandBuffer[index + 4]); ctx.lineTo(commandBuffer[index + 5], commandBuffer[index + 6]); ctx.closePath(); if (!allowClip) { ctx.fill(); } index += 6; break ; case Commands.STROKE_TRIANGLE: ctx.beginPath(); ctx.moveTo(commandBuffer[index + 1], commandBuffer[index + 2]); ctx.lineTo(commandBuffer[index + 3], commandBuffer[index + 4]); ctx.lineTo(commandBuffer[index + 5], commandBuffer[index + 6]); ctx.closePath(); if (!allowClip) { ctx.stroke(); } index += 6; break ; case Commands.LINE_TO: ctx.lineTo(commandBuffer[index + 1], commandBuffer[index + 2]); index += 2; break ; case Commands.MOVE_TO: ctx.moveTo(commandBuffer[index + 1], commandBuffer[index + 2]); index += 2; break ; case Commands.LINE_FX_TO: ctx.lineTo(commandBuffer[index + 1], commandBuffer[index + 2]); index += 5; break ; case Commands.MOVE_FX_TO: ctx.moveTo(commandBuffer[index + 1], commandBuffer[index + 2]); index += 5; break ; case Commands.SAVE: ctx.save(); break ; case Commands.RESTORE: ctx.restore(); break ; case Commands.TRANSLATE: ctx.translate(commandBuffer[index + 1], commandBuffer[index + 2]); index += 2; break ; case Commands.SCALE: ctx.scale(commandBuffer[index + 1], commandBuffer[index + 2]); index += 2; break ; case Commands.ROTATE: ctx.rotate(commandBuffer[index + 1]); index += 1; break ; case Commands.GRADIENT_FILL_STYLE: index += 5; break ; case Commands.GRADIENT_LINE_STYLE: index += 6; break ; case Commands.SET_TEXTURE: index += 2; break ; } } ctx.restore(); } ; module.exports = GraphicsCanvasRenderer;