1

Play で(CSS) と(JavaScript)の間で変数を共有することは可能ですか?LessCoffeScript

以下：

@width: 600px;
@height: 800px;

.right {
  width: @width;
  height: @height;
}

コーヒースクリプト:

width = 600
height = 800

stage = new Kinetic.Stage(
  container: 'mainCanvas'
  width: width
  height: height
)

両方のファイルで自分自身を繰り返さなければならないのは非常に不便です。

当然、より高い抽象化レイヤーで幅と高さを定義できるようにしたいと考えています。

もちろん、より一般的で任意のフレームワークに適用できる任意の手法も高く評価されます。

4

3 に答える 3

3

私に関する限り、方法はありません。

CSS でクラスを定義し、スタイルだけで幅と高さを調整できるかもしれません。

于 2012-12-09T13:08:13.187 に答える
1

jquery 経由で css-class を設定しようとするとどうなりますか?

stage = new Kinetic.Stage
    container: 'mainCanvas'
    width: 0
    height: 0

mc = $("#mainCanvas")
#assuming that mainCanvas is the element you want to style
mc.addClass "right"
于 2012-12-10T14:33:50.677 に答える
0

ロゼッタはあなたが探しているものです。

npmページから...

例 共有変数を作成したいとします。

$thumbnailSize = 250px

Rosetta では、次の両方の Javascript でこの変数を使用できます。

var rosetta = require('./rosetta');
console.log('Thumbnail size is:', rosetta.thumbnailSize.val);

...そして CSS (この場合は Stylus ファイル):

@import rosetta
.thumb { 
  width: $thumbnailSize
  height: $thumbnailSize
}
于 2013-11-07T09:14:04.303 に答える