0

キャンバスを使用せずに市松模様を作成しようとしています。問題は、各ピクセルが緑 [rgb(0, 255, 0)] と黄色 [rgb(255, 255, 0)] (チェッカーボードのようにピクセルレベルで) の間で交互になる 100px x 100px の正方形が必要なことです。これは、多くのコピーと貼り付けを使用して html で作成できます... [ここ] (http://jsfiddle.net/DyEq9/3/)。

しかし、私が使用している調査ソフトウェアでは、このような長いコードは許可されていません。ソフトウェアもキャンバス機能をサポートしていないようです。どんな助けでも大歓迎です。

4

2 に答える 2

1

クリストファーが述べたように、グリッドの 2x2 画像バージョンを作成し、それを背景画像として繰り返し設定できます。これはおそらくこれまでで最高のソリューションです。

何らかの理由でこれが不可能で、CSS3 にアクセスできる場合は、次のようにすることができます。

http://jsfiddle.net/DyEq9/4/

width:100px;
height:100px;
background-size: 2px 2px;
background-position: 0 0, 1px 1px;
background-color:#ff0;
background-image: -webkit-linear-gradient(45deg, #0f0 25%, transparent 25%, transparent 75%, #0f0 75%, #0f0), -webkit-linear-gradient(45deg, #0f0 25%, transparent 25%, transparent 75%, #0f0 75%, #0f0);
于 2013-01-23T23:14:04.390 に答える
0

緑/黄色の背景で200px x 100pxの画像を作成し、それを繰り返すことで偽造できます.

.chessboard-container {
 background:url('chess-tile.gif') repeat;
}
于 2013-01-23T23:00:25.893 に答える