绘制用户定义的颜色矩形

Question

我试图在点击按钮时绘制一个矩形。 用户可以选择颜色，然后单击按钮绘制特定的彩色矩形。 如何获得这个属性。 单击“图层”按钮时，在我的小提示中，您可以在画布上获得一个矩形。如果取消选中该复选框并再次单击它，您将在同一位置获得一个矩形。我想每次都创建不同颜色的矩形。 这是每次都描述相同颜色矩形的代码笔。

http://codepen.io/anon/pen/Ffhjg/

这是我要编辑的代码。 现在每次用黑色绘制它。 ：（

http://codepen.io/anon/pen/zaFfw

Answer 1

在init3中添加以下代码

var oMaterialCB = document.getElementById("pickColor");
        var sMaterial = oMaterialCB.options[oMaterialCB.selectedIndex].text;
        var sMaterialColor = oMaterialCB.options[oMaterialCB.selectedIndex].value;
        m_iCurrentLayerIndex = AddToCB('LayerList', sMaterial + 'Layer');


       //x,y, width, height
        var l_dYOfPrevLayer =  document.getElementById('TextLayer_ULy').value; 

        var Display_DY = DisplayCoords(l_dYOfPrevLayer);  //m_oSetup.Layers[m_iCurrentLayerIndex-1].BottomBoundary; 

        addRect(0,Display_DY,640,100, sMaterialColor);
        // get the last box, update the index for that box and type of that box


      }