Javascript canvas.drawImage（）和canvas.fillText（）表现得很时髦 var name=“部队/将军的姓名”；var-attack=“攻击”；var defence=“defence”；var effect1=“”；var-effect2=“”；var effect3=“”；var effect4=“”；var effect5=“”；var-effect6=“”；var-1=“”；var-favorText2=“”；var-3=“”；var-text4=“”；var-favorText5=“”；var-text6=“”；var username=“您的名字在这里”；var a=“部队”；var b=“common1”；var c=“人类”；var d=“任何”；var e=“敏捷”； 函数setname（） { name=document.forms[“form”][“name”].value； 警报（“单位名称=”+名称）； } 函数setattack（） { 攻击=document.forms[“form”][“attack”].value； 警报（“攻击=”+攻击）； } 函数setdefense（） { 辩护=文件。表格[“表格”][“辩护”]。价值； 警报（“防御=”+防御）； } 函数seteffect（） { //使用document.forms获取效果值 警报（“效果=“+effect1+effect2+effect3+effect4+effect5+effect6”）； } 函数setValvorText（） { //使用document.forms获取文本的值 警报（“调味文本=“+调味文本1+调味文本2+调味文本3+调味文本4+调味文本5+调味文本6”）； } 函数setusername（） { 用户名=document.forms[“form”][“username”].value； 警报（“名称=”+用户名）； } 函数setimage（） { 基本图像=新图像（）； base_image.src=document.forms[“form”][“image”]。值； base_image.onload=函数 { base.drawImage（base_image，300,30,90,90）； } } var mathmath=防御/4； var attackvalue=attack+mathmath； 函数writeall（） { var can=document.getElementById（“画布”）； var base=can.getContext（“2d”）； base.fillStyle=“灰色”//背景 基.fillRect（0,04001200）； base.fillStyle=“#FFBF00”//orangeish base.font=“15px Arial”； base.fillText（名称，0,20）； base.fillStyle=“#efffbf8”//white base.fillText（“质量：，0，40）；//这是唯一有效的base.fillText。。。 base.fillText（攻击，50,80）； 基本文本（防御，60100）； base.fillText（attackvalue，120,60）； //填充文本与上面的一样，颜色各异 如果（a=“一般”） { 基本文本（a、350、20）； } //如果像上面的一样 base.fillStyle=“#FF4000”//深橙色 base.fillText（effect1,0,180）； //5个以上的效果变量正在填充文本；不工作。。。 var y=0； //如果设置y base.font=“italic 15px Arial”； base.fillStyle=“#efffbf8”//white //如果设置y base.font=“15px Arial”； var x=0； //如果设置x base.fillText（用户名，0，y+x）； 如果（c=“人”） { 基本图像=新图像（）； base_image.src=http://images2.wikia.nocookie.net/__cb20120812195219/dotd/images/c/c5/Race_human.png'; base_image.onload=函数（） { base.drawImage（base_图像，0,105）； } } //如果像上面的一个，一堆；没有工作
老实说，我不知道问题出在哪里，但值得注意的是，在我尝试添加setimage（）函数之前，所有这些都按预期工作（我将在后面介绍）。。。 它的目的是创建一个大的灰色矩形，并在上面写上一堆东西，我把它弄得有点乱，所以它看起来可能很奇怪；但现在它所做的只是一个带有“质量”字样的灰色矩形；当我按下setimage（）的按钮时，什么也没有发生函数，甚至不是我放进去的警报…我已经看了好几遍，然后用notepad++看了好几遍，我很困惑。。。Javascript canvas.drawImage（）和canvas.fillText（）表现得很时髦 var name=“部队/将军的姓名”；var-attack=“攻击”；var defence=“defence”；var effect1=“”；var-effect2=“”；var effect3=“”；var effect4=“”；var effect5=“”；var-effect6=“”；var-1=“”；var-favorText2=“”；var-3=“”；var-text4=“”；var-favorText5=“”；var-text6=“”；var username=“您的名字在这里”；var a=“部队”；var b=“common1”；var c=“人类”；var d=“任何”；var e=“敏捷”； 函数setname（） { name=document.forms[“form”][“name”].value； 警报（“单位名称=”+名称）； } 函数setattack（） { 攻击=document.forms[“form”][“attack”].value； 警报（“攻击=”+攻击）； } 函数setdefense（） { 辩护=文件。表格[“表格”][“辩护”]。价值； 警报（“防御=”+防御）； } 函数seteffect（） { //使用document.forms获取效果值 警报（“效果=“+effect1+effect2+effect3+effect4+effect5+effect6”）； } 函数setValvorText（） { //使用document.forms获取文本的值 警报（“调味文本=“+调味文本1+调味文本2+调味文本3+调味文本4+调味文本5+调味文本6”）； } 函数setusername（） { 用户名=document.forms[“form”][“username”].value； 警报（“名称=”+用户名）； } 函数setimage（） { 基本图像=新图像（）； base_image.src=document.forms[“form”][“image”]。值； base_image.onload=函数 { base.drawImage（base_image，300,30,90,90）； } } var mathmath=防御/4； var attackvalue=attack+mathmath； 函数writeall（） { var can=document.getElementById（“画布”）； var base=can.getContext（“2d”）； base.fillStyle=“灰色”//背景 基.fillRect（0,04001200）； base.fillStyle=“#FFBF00”//orangeish base.font=“15px Arial”； base.fillText（名称，0,20）； base.fillStyle=“#efffbf8”//white base.fillText（“质量：，0，40）；//这是唯一有效的base.fillText。。。 base.fillText（攻击，50,80）； 基本文本（防御，60100）； base.fillText（attackvalue，120,60）； //填充文本与上面的一样，颜色各异 如果（a=“一般”） { 基本文本（a、350、20）； } //如果像上面的一样 base.fillStyle=“#FF4000”//深橙色 base.fillText（effect1,0,180）； //5个以上的效果变量正在填充文本；不工作。。。 var y=0； //如果设置y base.font=“italic 15px Arial”； base.fillStyle=“#efffbf8”//white //如果设置y base.font=“15px Arial”； var x=0； //如果设置x base.fillText（用户名，0，y+x）； 如果（c=“人”） { 基本图像=新图像（）； base_image.src=http://images2.wikia.nocookie.net/__cb20120812195219/dotd/images/c/c5/Race_human.png'; base_image.onload=函数（） { base.drawImage（base_图像，0,105）； } } //如果像上面的一个，一堆；没有工作,javascript,html,Javascript,Html,老实说，我不知道问题出在哪里，但值得注意的是，在我尝试添加setimage（）函数之前，所有这些都按预期工作（我将在后面介绍）。。。 它的目的是创建一个大的灰色矩形，并在上面写上一堆东西，我把它弄得有点乱，所以它看起来可能很奇怪；但现在它所做的只是一个带有“质量”字样的灰色矩形；当我按下setimage（）的按钮时，什么也没有发生函数，甚至不是我放进去的警报…我已经看了好几遍，然后用notepad++看了好几遍，我很困惑。。。 提前感谢您的时间。对此表示抱歉；代码被裁剪了一点，但仍然有很多…不确
提前感谢您的时间。对此表示抱歉；代码被裁剪了一点，但仍然有很多…不确定还要裁剪什么…Bump.无论如何…？？或者如果您不想阅读所有内容，有人能举一个用户链接图像的示例吗？
<html>
<script type="text/javascript">
var name="name of troop/general"; var attack="attack"; var defense="defense"; var effect1=""; var effect2=""; var effect3=""; var effect4=""; var effect5=""; var effect6=""; var flavortext1=""; var flavortext2=""; var flavortext3=""; var flavortext4=""; var flavortext5=""; var flavortext6=""; var username="your name here"; var a="troop"; var b="common1"; var c="human"; var d="any"; var e="agility";
function setname()
{
name = document.forms["form"]["name"].value;
alert("unit name = " + name);
}
function setattack()
{
attack = document.forms["form"]["attack"].value;
alert("attack = " + attack);
}
function setdefense()
{
defense = document.forms["form"]["defense"].value;
alert("defense = " + defense);
}
function seteffect()
{
//using document.forms to get the value of effects
alert("effect = " + effect1 + effect2 + effect3 + effect4 + effect5 + effect6);
}
function setflavortext()
{
//using document.forms to get the value of flavortext
alert("flavortext =" + flavortext1 + flavortext2 + flavortext3 + flavortext4 + flavortext5 + flavortext6);
}
function setusername()
{
username = document.forms["form"]["username"].value;
alert("name = " + username);
}
function setimage()
{
base_image = new Image();
base_image.src = document.forms["form"]["image"].value;
base_image.onload = function
{
base.drawImage(base_image, 300, 30, 90, 90);
}
}
</script>
<canvas id="canvas" width="400" height="700" style="solid"></canvas>
<script type="text/javascript">
var mathmath = defense/4;
var attackvalue = attack + mathmath;
function writeall()
{
var can=document.getElementById("canvas");
var base=can.getContext("2d");
base.fillStyle="grey"; //background
base.fillRect(0,0,400,1200);
base.fillStyle="#FFBF00"; //orangeish
base.font="15px Arial";
base.fillText(name, 0, 20);
base.fillStyle="#EFFBF8" //white
base.fillText("Quality:", 0, 40); //this is the only base.fillText that works...
base.fillText(attack, 50, 80);
base.fillText(defense, 60, 100);
base.fillText(attackvalue, 120, 60);
//base.fillText's like the ones above, of varying colors
if(a == "general")
{
base.fillText(a, 350, 20);
}
//ifs like the one above
base.fillStyle="#FF4000" //dark orange
base.fillText(effect1, 0, 180);
//5 more effect vars being fillTexted; do not work...
var y = 0;
//ifs to set y
base.font="italic 15px Arial";
base.fillStyle="#EFFBF8" //white
//ifs to set y
base.font="15px Arial";
var x = 0;
//ifs to set x
base.fillText(username, 0, y+x);
if(c == "human")
{
base_image = new Image();
base_image.src = 'http://images2.wikia.nocookie.net/__cb20120812195219/dotd/images/c/c5/Race_human.png';
base_image.onload = function()
{
base.drawImage(base_image, 0, 105);
}
}
//ifs like the one above, a bunch of them; none work
</script>
</html>