绘制用户定义的颜色矩形

Draw user defined color rectangle

本文关键字：色矩 颜色 用户 定义 绘制      更新时间：2023-09-26

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

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

这是我试图编辑的代码。它现在每次都用黑色画(

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

在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

      }
相关文章：