canvas-04 着色

描边区域： strokeStyle代表了描边样式，描边区域的绘制方法是stroke()、strokeRect()、strokeText()

填充区域： fillStyle代表了填充样式，填充区域的绘制方法是fill()、fillRect()、fillText()。

纯色： 与css一致 ； ctx.fillStyle = "gray"ctx.strokeStyle = "gray"

        let canvas = document.querySelector("#canvas")

        const ctx = canvas.getContext("2d") 

         ctx.fillStyle = "gray"

        ctx.beginPath()

        ctx.arc(300,200,100,0,Math.PI*2)

        ctx.fill()

步骤：建立渐变对象的方式；为渐变添加颜色节点；赋值；

        let canvas = document.querySelector("#canvas")

        const ctx = canvas.getContext("2d") 

        // 建立渐变对象的方式： 线性渐变

        const gr = ctx.createLinearGradient(50,50,300,300)  //左上角到右下角

        // 为渐变添加颜色节点

        gr.addColorStop(0,"red")

        gr.addColorStop(0.5,"yellow")

        gr.addColorStop(1,"green")

        //为样式赋值

        ctx.fillStyle = gr 

        //绘图

        ctx.fillRect(50,50,350,350)

         const gr = ctx.createRadialGradient(300,300,50,300,300,200) 

        gr.addColorStop(0,"red")

        gr.addColorStop(0.5,"yellow")

        gr.addColorStop(1,"green")

        ctx.fillStyle = gr 

        ctx.fillRect(50,50,600,600)

         const img = new Image()

        img.src = "./images/floor.jpg"

        img.onload = function(){

            const pt = ctx.createPattern(img,"repeat")

            ctx.fillStyle = pt

            ctx.fillRect(0,0,canvas.width,canvas.height)

        }

下载源码或者针对问题对源码进行修改，或者引用新的js文件和css文件。

由于图层不是leaflet原生类，可以修改的参数也比较有限，但是在实际应用中，会根据实际会对聚合图层有一些自己的要求，但是却无法修改。

通过在leaflet.markercluster-src.js搜索“large”，可以搜索到进行分段的相关代码。可见默认只对点数量聚合了三类，并且范围写死，100以上全部为红，导致数据量大展示效果十分不好。找到相应的代码就是可以改了，改起来也十分简单，如果要修改数量范围直接修改数字即可，如果要新加颜色样式可以添加else if (childCount 回答于 2022-04-20

pythoncanvas边框颜色怎么设置

1.

首先打开电脑,并登录自己的账号。

2.

其次点击电脑pythoncanvas的设计软件,并找到边框颜色这个选项。

3.

最后在应用内即可设置。

---