私はWebでFormDesignerに取り組んでいます:HTML5 + CSS3 + jQuery。これにより、(div、textboxなど)をフォームにドラッグして、cssスタイルを個別に変更できます。
私の要件:個別に簡単に取得できるように、各属性を個別に保存するにはどうすればよいですか?(汎用、再利用可能、柔軟)
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666666), to(#666666), color-stop(0, #333333))
これが私のやり方です:(コードスニペット)
cssObj[id] = {};
cssObj[id].background = {};
cssObj[id].background.webkitGradient = {};
cssObj[id].background.webkitGradient.linear = {};
cssObj[id].background.webkitGradient.linear.hPosStart = hPosStart;
cssObj[id].background.webkitGradient.linear.vPosStart = vPosStart;
cssObj[id].background.webkitGradient.linear.colorStart = colorStart;
cssObj[id].background.webkitGradient.linear.hPosEnd = hPosEnd;
cssObj[id].background.webkitGradient.linear.vPosEnd = vPosEnd;
cssObj[id].background.webkitGradient.linear.colorEnd = colorEnd;
cssObj[id].background.webkitGradient.linear.colorStop = {};
cssObj[id].background.webkitGradient.linear.colorStop = colorStopArr;
私はそれらを方法で保存しましたが、一般的で再利用可能で柔軟な方法で保存できるように、クラス/属性/メソッドjSon
を使用するなど、より高度で効率的なアプローチが必要だと思います。