-
weixin_慕容6229135
- 如何去掉描边
- 2021-02-14 2回答·663浏览
-
GEM_LOVE
- 谁能告诉我这个if（me）是什么意思？？？！！！！！
如果 me为真就执行括号里的代码
- 2019-09-20 1回答·1189浏览
-
qq_青春随缘_0
-
qq_命运之骰_0
- 棋子是空心的，没有效果，只有刷新浏览器的一瞬间可以看到渐变
建议换个浏览器调试一下或者清除一下浏览器缓存
- 2018-04-02 2回答·1661浏览
-
qq_Mr荹調_04247036
- 渐变棋子只有在对角线上有效果
发现了，i j写错了
- 2017-09-03 1回答·1507浏览
-
Void_
- var gradient = context.createRadiaGradient(200,200,50,200,200,20);
没看出来哪里打错了？我也遇到同样问题。
TypeError: context.createRadiaGradient is not a function. (In 'context.createRadiaGradient(200,200,50,200,200,20)', 'context.createRadiaGradient' is undefined)
- 2017-08-09 2回答·2183浏览
-
_齐翔
- 为什么点击鼠标完全没反应
多半是js有问题吧，用调试工具（Firefox的firebug或Chrome的控制台）查看一下。
- 2017-05-17 1回答·1504浏览
-
香帥
- 提示oneSStep没有定义
- 2017-04-21 1回答·1311浏览
-
香帥
- 最后判断棋子出不来啊
没错啊，我刚才运行没有问题啊
- 2017-04-21 1回答·1196浏览
-
Elle4
- 请问这个怎么app打包啊，我想做成个app，分三个难度等级，人机对战
hbuilder可以打包app
- 2017-04-16 1回答·1198浏览
-
宝慕林2917688
- createRadialGradient
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>来自菜鸟教程的代码</title> </head> <body> <canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;"> 您的浏览器不支持 HTML5 canvas 标签。 </canvas> <div> x0 : 渐变的开始圆的 x 坐标 </br> y0 : 渐变的开始圆的 y 坐标 </br> r0 : 开始圆的半径 </br> x1 : 渐变的结束圆的 x 坐标 </br> y1 : 渐变的结束圆的 y 坐标 </br> r1 : 结束圆的半径 </div> <script> var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); var grd=ctx.createRadialGradient(75,50,5,90,60,100); grd.addColorStop(0,"red"); grd.addColorStop(1,"white"); ctx.fillStyle=grd; ctx.fillRect(10,10,150,100); </script> </body> </html>- 2017-04-12 2回答·1346浏览
-
不丢东西的丢大丢
- 为啥不管输入黑棋白棋，都是黑棋
- 已采纳 Summer226 的回答
if (me=true)，里面是赋值，值永远为true
- 2017-04-08 1回答·1560浏览
-
慕盖茨0171933
- 如何实现下子后有选中状态
什么意思呢，是下子后再次点击会有效果吗？如果是这样的话，可以在点击事件里增加判断。如果这个地方有子则可以用js再在子的边缘加一圈阴影。
- 2017-03-13 1回答·812浏览
-
qq_梦里_0
- 为什么我的棋子从来都是黑的，并且没有渐变
后来自己看出来了 是46行那里写错了。应该是context.fillStyle=gradient;
- 2017-03-03 3回答·1029浏览
-
Sxank
- 棋子中小棋子出现的同事大棋子不会消失
- 已采纳 慕粉3498277 的回答
你的这一段就是画大棋子的代码，老师只是先取个例子，所以这一段要删掉的~
- 2016-11-29 1回答·1511浏览
-
Sxank
- 棋子的问题
- 已采纳 慕粉3498277 的回答
那你肯定是把画大棋子的代码没删掉啊~
- 2016-11-29 1回答·1357浏览
-
- Scorpio
- 棋子无法出现渐变，直接全黑
已解决context.fillstyle = gradient;这句的fillstyle错了，应该是fillStyle
- 2016-11-17 1回答·1023浏览
-
神小月
-
慕粉3895673
- 画棋盘怎么怪怪的
- 已采纳 夜幕丶将临 的回答
应该是你电脑屏幕显示设置的问题,换个屏幕显示像素比试试
- 2016-09-10 2回答·1392浏览
-
席子朋
- 代码应该没错，可是没效果啊，连棋盘效果也没有，大神求教
你这个代码乍一看是drawChessBoard（）这个方法没有调用。但是主要原因是你工程目录下根本没有index.jpg这个文件！所以logo.onload在执行到画图片的时候停止执行这个方法了。所以棋盘没有画出来~~
解决办法：在工程根目录下加一个名为index.jpg的图片；或者删掉加载这个图片的方法~~
- 2016-07-31 1回答·897浏览
-
TimzShiver
- 之前带入图片可以，后来就不行了，还有棋子渐变的 问题也不行
- 已采纳 未来开拓者 的回答
var chess =document.getElementById("chess");
var context=chess.getContext("2d");
var chessBoard=[];
var me=true;
for(var i=0;i<15;i++){
chessBoard[i]=[];
for(var j=0;j<15;j++)
chessBoard[i][j]=0;
}
context.strokeStyle="#BFBFBF";
var logo=new Image();
logo.src ="\logobg.jpg";//载入图片
logo.onload=function(){
context.drawImage(logo,0,0,450,450);
drawChessBoard();
onStep(0,0,true);
onStep(1,1,false);
}
//绘制棋盘
var drawChessBoard=function(){
for(var i=0;i<15;i++){
context.moveTo(15+i*30,15);
context.lineTo(15+i*30,435);
context.stroke();
context.moveTo(15,15+i*30);
context.lineTo(435,15+i*30);
context.stroke();
}
}
//i,j指索引，me表示黑棋白棋
var oneStep=function(i,j,me){ //此处i,j 间多了逗号
context.beginPath();
context.arc(15+i*30,15+j*30,13,0,2*Math.PI);
context.closePath();
var gradient=context.createRadialGradient(15+i*30+2,15+j*30-2,8,15+i*30+2,15+j*30-2,5);//你这里渐变圆的半径弄太大了，建议将第一个圆半径设为8或9，第二个渐变圆半径设为5或6，效果会更好
if(me){
gradient.addColorStop(0,"#0A0A0A");
gradient.addColorStop(1,"#636766");
}else {
gradient.addColorStop(0,"#D1D1D1");
gradient.addColorStop(1,"#F9F9F9");
}
context.fillStyle=gradient;
context.fill();//填充//context.stroke();描边
}
chess.onclick=function(e){
var x=Math.floor(e.offsetX/30);
var y=Math.floor(e.offsetY/30);
if(chessBoard[x][y]==0){
oneStep(x,y,me);
if(me)
chessBoard[x][y]=1;
else
chessBoard[x][y]=2;
me=!me; //结束时交换落子颜色
}
}
// 鼠标触发事件你再仔细看看视频吧
- 2016-07-18 1回答·1354浏览
-
qq_青菜紫箩冬瓜_03380220
- 只能点击前两次，以后就不能点了为什么
很奇怪的问题，有时间把代码贴出来看一下！
- 2016-07-01 1回答·885浏览
-
慕粉13560153742
- 函数表达式能在之前调用不报错？
自己试一下，然后和我们分享一下试验结果。
- 2016-06-30 1回答·1117浏览
-
萌主1213
- 为什么棋子变小了
- 已采纳 花伞哥111 的回答
设置半径参数有问题
换个浏览器试试，不同浏览器规则不同。
- 2016-05-13 1回答·939浏览
-
靓仔De
- 帮我看看哪里错了，为什么渐变效果出不来，谢谢
12 13行不是等于符号。。
- 2016-04-13 2回答·973浏览
-
朗慕者
- 其他都没问题，就是点黑子还是成白子，点黑子成白子啊！！！！！！！
chessBoard[i][j]==1;和chessBoard[i][j]==2;是单等于号而不是双等于号
- 2016-04-05 1回答·843浏览
-
mystylecat
- 代码里面为什么要+2，-2？
使渐变的圆心偏离棋子的圆心
- 2016-04-03 1回答·773浏览
-
yuantongxin
- 只能在一半区域下棋子！
再帮你具体分析下吧：你这个for循环逻辑是：
i=0时，j<chessBoard.length=0;
i=1时，j<chessBoard.length=1;
...
i=15时，j<chessBoard.length=15;
懂了不？
- 2016-04-02 2回答·859浏览
-
乖乖小宇宙的围脖
- 半径设置为0不就没有效果了吗
- 已采纳 不惧亢龙 的回答
0代表从圆心开始渐变
- 2016-03-28 2回答·932浏览
-
妈妈说要好好学习
- 关于canvas渐变的问题
已解决，是自己代码的问题，粗心没有检查到。
- 2016-03-28 1回答·853浏览
