0
Ich versuche, meine Linienbreite inkrementell zu ändern. Aber der folgende Code nicht funktioniert:HTML5 Canvas Strichbreite ändert sich nicht inkrementell
var csMargin = 10; //Color select margin
var csSize = 15;
var csNumber = 4;
var canvas = document.createElement("canvas");
var ctx = canvas.getContext("2d");
canvas.width = (csMargin * 2 + csSize) * csNumber;
canvas.height = (csMargin * 2 + csSize) * csNumber;
document.body.appendChild(canvas);
function DrawCS(){
for(i = 0; i < csNumber; i++){
for(j=0; j< csNumber ;j++){
ctx.rect(csMargin*(i+1)+i*csSize,csMargin*(j+1)+j*csSize,csSize,csSize)
//the line width should increase as j increases!!
ctx.lineWidth=j*2;
ctx.stroke();
}
}
}
DrawCS();
ich eine Linienbreite sollte immer die dicker jede Zeile bekommt, aber ich bekomme die gleiche Dicke von jedem Platz.