波多野结衣 蜜桃视频,国产在线精品露脸ponn,a v麻豆成人,AV在线免费小电影

JSRadial 矩陣漸變是通過以下方式創(chuàng)建的。您可以嘗試運(yùn)行以下方法來使用矩陣創(chuàng)建 JS Radial 漸變 –

var canvas1 = document.getElementById("canvas"); //canvas1 variable to identify given canvas
var ctx1 = canvas.getContext("2d"); //This is used to tell context is 2D  

var gradient1 = ctx1.createRadialGradient(100/horizontalScale, 100/verticalScale, 100,
100/horizontalScale,100/verticalScale,0); //This will create gradient with given canvas context  

gradient1.addColorStop(1,"green"); //New color green is added to gradient
gradient1.addColorStop(0,"red"); //New color red is added to gradient

ctx1.scale(horizontalScale, verticalScale); //Context matrix ctx1 is shrinked according to horizaontal
and vertical scale
ctx1.fillStyle = gradient; //Given gradient is drawn
ctx1.fillRect(0,0, 100/horizontalScale, 100/verticalScale); //Rectangle is stretched according to scale
ctx1.setTransform(0,1,1,0,1,1);  //Context matrix is reset

canvas {    
   background-color: purple;
}
//Canvas is drawn with background color purple

<canvas id = "canvas" width = "300" height = "300"></canvas>

登錄后復(fù)制

以上就是在HTML中使用矩陣創(chuàng)建JS徑向漸變的詳細(xì)內(nèi)容，更多請關(guān)注www.92cms.cn其它相關(guān)文章！