我正在编写一个涉及Javascript的编程语言。但是,它似乎不起作用。我的语言是一个名为'antimin'的js文件。该脚本看起来像是一行代码版本:
function (){
var ctx;
function setupCanvas(setupVariable){
ctx=setupVariable;
};
function circ(x,y,lps,wps,fill,outline){
if(outline===true){
ctx.beginPath();ctx.arc(x,y,lps, wps,6.28);ctx.stroke();
};
if (fill===true){
ctx.beginPath();ctx.arc(x,y,lps,wps,6.28);
ctx.stroke();
};
}
}
但是,当我通过以下HTML文件传递它时,它不起作用(请注意我删除了所有</>
):
<!doctype html>
<canvas length="100" width="100" id="minoun">
</canvas>
<script src="antimin.js">
</script>
<script>
setupCanvas(minoun.getContext("2d"))
circ(50,50,50,50,true,true)
</script>
答案 0 :(得分:1)
这是您完整代码中问题的解决方案
<!doctype html>
<canvas length="100" width="100" id="minoun">
</canvas>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(function(){
var ctx;
function setupCanvas(setupVariable){
ctx=setupVariable;
};
function circ(x,y,lps,wps,fill,outline){
if(outline===true){
ctx.beginPath();ctx.arc(x,y,lps, wps,6.28);ctx.stroke();
};
if (fill===true){
ctx.beginPath();ctx.arc(x,y,lps,wps,6.28);
ctx.stroke();
};
}
setupCanvas(minoun.getContext("2d"))
circ(50,50,50,50,true,true)
});
</script>