绘制用户自定义颜色矩形答案

【问题标题】：Draw user defined color rectangle绘制用户自定义颜色矩形
【发布时间】：2014-04-28 18:24:58
【问题描述】：

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

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

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

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

【问题讨论】：

为了获得更快的帮助，您应该隔离您认为导致问题的代码，如果您不这样做，人们可能会认为您希望他们完成您的工作

标签： javascript canvas

【解决方案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


      }

【讨论】：