#javascript(){{ var equip_ctx = document.getElementById('Equip_canvas').getContext('2d'); equip_ctx.font = "10px 'JF-Dot-Naga10'"; function DrawEquip(){ equip_ctx.clearRect(0, 0, 300, 110); equip_ctx.strokeStyle = "rgb(0, 0, 0)"; equip_ctx.lineWidth = 1; equip_ctx.strokeRect(1.5, 1.5, 297, 107); $("#Equip .eqp").each(function(i,v) { var equip = $(this).parent().prev().text(); var grade = " +" + $(this).parent().next().children("input").val(); if(grade == 0){grade = "";} var index = $(this).parent().nextAll().eq(1).find("select option:selected").val(); var prefix = option_prefix[index]; var op = Object.values(option_array[index]); var option = ""; if(op[1] !== 0){option = " ★" + option_string[index] + " +" + op[1];} equip_ctx.fillText(equip, 2, 14+(15*i)); equip_ctx.fillText(prefix + $("option:selected", this).text()+grade + option, 50, 15+(15*i)) }); } }}