| r1299 vs r1300 | ||
|---|---|---|
| 1 | {{{#!if x = "200px", y = "200px",L = x / | |
| 1 | {{{#!wiki style="width:200px;height:200px;background:gray" | |
| 2 | {{{#!wiki style="width:100%;height:100%;background:no-repeat radial-gradient(circle, transparent 50px, #fff 0)50% 50% / 50% 50%" | |
| 3 | }}} | |
| 4 | }}} | |
| 5 | ||
| 6 | ||
| 7 | ||
| 8 | ||
| 9 | ||
| 10 | ||
| 11 | ||
| 12 | ||
| 13 | ||
| 14 | ||
| 15 | ||
| 16 | {{{#!if x = "200px", y = "200px", r = "7", L = x / r, C = x - L * 2 | |
| 2 | 17 | {{{#!wiki style="width:@x@;height:@y@;overflow:show" |
| 3 | 18 | {{{#!wiki style="display:inline-block;width:@L@px;height:100%" |
| 4 | 19 | {{{#!wiki style="width:@L@px;height:@L@px" |
| 5 | 20 | }}}{{{#!wiki style="width:@L@px;height:@C@px;background:blue" |
| 6 | 21 | }}}{{{#!wiki style="width:@L@px;height:@L@px" |
| 7 | 22 | }}}}}}{{{#!wiki style="display:inline-block;width:@C@px;height:100%" |
| 8 | {{{#!wiki style="width:100%;height:@L@px;background:c | |
| 23 | {{{#!wiki style="width:100%;height:@L@px;background:no-repeat radial-gradient(circle, transparent calc(@L@px / 2), #fff 0)" | |
| 9 | 24 | }}}{{{#!wiki style="width:100%;height:@C@px" |
| 10 | 25 | }}}{{{#!wiki style="width:100%;height:@L@px;background:cyan" |
| 11 | 26 | }}}}}}{{{#!wiki style="display:inline-block;width:@L@px;height:100%" |
| 12 | 27 | {{{#!wiki style="width:@L@px;height:@L@px" |
| 13 | 28 | }}}{{{#!wiki style="width:@L@px;height:@C@px;background:blue" |
| 14 | 29 | }}}{{{#!wiki style="width:@L@px;height:@L@px" |
| 15 | }}}}}} | |
| 30 | }}}}}}}}}}}} | |
| 16 | 31 | |
| 17 | 32 | |
| 18 | }}} | |
| 19 | }}} | |
| 20 | 33 | |
| 21 | 34 | |
| 22 | 35 | |
| ... | ... | |
| 28 | 41 | |
| 29 | 42 | |
| 30 | 43 | |
| 31 | ||
| 32 | ||
| 33 | 44 | {{{#!if x = "150px", y = "150px", ins = "2", xins = x * ins, yins = y * ins |
| 34 | 45 | {{{#!wiki style="border:1px solid gray;width:@x@;height:@y@;overflow:show" |
| 35 | 46 | {{{#!wiki style="margin: -50% -50%;width:@xins@px;height:@yins@px;border:1px solid red" |
| ... | ... |