Re: svg newbie: drawing a domino using html and css
Jeremie Patonnier <[email protected]> Mon, 10 Dec 2018 01:15:40 +0100
| Newsgroups | gmane.comp.mozilla.devel.svg |
|---|---|
| Message-ID | <CAEi838nUaCMo1aZveyQbCR+NiERnfi8+BO0=+n5yLd=HrzzccA@mail.gmail.com> |
SGkgTGVsYW5kIQoKSXQncyBwcmV0dHkgaGFyZCB0byBwcm92aWRlIGFuIGFjY3VyYXRlIGFuc3dl ciBhcyBpdCdzIHVuY2xlYXIgd2hhdCBpcwp3cm9uZyBhcyB5b3UgY2Fubm90IHByb3ZpZGUgYW55 IHJlZmVyZW5jZSBpbWFnZS4KVGhlcmUgYXJlIGEgZmV3IHBvaW50cyB0aGF0IGFyZSBzb21ld2hh dCBwdXp6bGluZzogV2h5IGZsZXggaXMgYQpyZXF1aXJlbWVudD8gQ2FuJ3QgeW91IGJ1aWxkIHlv dXIgaW1hZ2UgMTAwJSB3aXRoIFNWRyBpbnN0ZWFkIG9mIG1peGluZyBTVkcKYW5kIEhUTUwgdG8g YWNoaWV2ZSB0aGUgZ3JhcGhpYyByZXN1bHQ/IFdoYXQgYXJlIHRoZSAib3V0bGluZXMiIG9mIHRo ZSBkb3RzCmFuZCBpbiB3aGF0IHdheSBhcmUgdGhleSBpbmNvcnJlY3QgPwoKSSBkaWQgYSBxdWlj ayBleGFtcGxlIGJhc2VkIG9uIHlvdXIgY29kZSwgaXMgaXQgd2hhdCB5b3Ugd2FudCB0byBhY2hp ZXZlPwoKICAgLSBodHRwczovL2NvZGVwZW4uaW8vSmVyZW1pZVBhdC9wZW4vcm9OdkJlCgpCZXN0 LApKZXJlbWllCgpMZSBkaW0uIDkgZMOpYy4gMjAxOCDDoCAyMToxMCwgTGVsYW5kIEhvdmV5IDxs ZWxhbmQuaG92ZXlAZ21haWwuY29tPiBhIMOpY3JpdCA6Cgo+IE15IHByb2plY3QgaXMgdG8gZHJh dyB0aGUgZG9taW5vIDF4NiwgaW4gd2hpY2ggZWFjaCBvZiB0aGUgdHdvIHNxdWFyZXMgaGFzCj4g YSBoZWlnaHQgYW5kIHdpZHRoIG9mIDEwMHB4IGFuZCAzcHggc29saWQgYmxhY2sgYm9yZGVyLiBF YWNoIGRvdCBoYXMgYQo+IGRpYW1ldGVyIG9mIDIwcHguIEkgaGF2ZSB0byB1c2UgZmxleC4KPgo+ IE15IGF0dGVtcHQgaXM6Cj4gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0t LS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLQo+IDxzcGFuIGlkPXJvdz4KPiAgICAgPHNw YW4gaWQ9YjE+Cj4gICAgIDw/eG1sIHZlcnNpb249IjEuMCIgc3RhbmRhbG9uZT0ibm8iPz4KPiAg ICAgPHN2ZyB3aWR0aD0iOTQiIGhlaWdodD0iOTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8y MDAwL3N2ZyIKPiB2ZXJzaW9uPSIxLjEiPgo+ICAgICAgICAgPGNpcmNsZSBjeD0iNDciIGN5PSI0 NyIgcj0iMTAiIGZpbGw9ImJsYWNrIi8+Cj4gICAgIDwvc3ZnPgo+ICAgICA8L3NwYW4+Cj4gICAg IDxzcGFuIGlkPWIyPgo+ICAgICA8P3htbCB2ZXJzaW9uPSIxLjAiIHN0YW5kYWxvbmU9Im5vIj8+ Cj4gICAgIDxzdmcgd2lkdGg9Ijk0IiBoZWlnaHQ9Ijk0IiB4bWxucz0iaHR0cDovL3d3dy53My5v cmcvMjAwMC9zdmciCj4gdmVyc2lvbj0iMS4xIj4KPiAgICAgICAgIDxjaXJjbGUgY3g9IjEwIiBj eT0iMTAiIHI9IjEwIiBmaWxsPSJibGFjayIvPgo+ICAgICAgICAgPGNpcmNsZSBjeD0iODQiIGN5 PSIxMCIgcj0iMTAiIGZpbGw9ImJsYWNrIi8+Cj4gICAgICAgICA8Y2lyY2xlIGN4PSIxMCIgY3k9 IjQ3IiByPSIxMCIgZmlsbD0iYmxhY2siLz4KPiAgICAgICAgIDxjaXJjbGUgY3g9Ijg0IiBjeT0i NDciIHI9IjEwIiBmaWxsPSJibGFjayIvPgo+ICAgICAgICAgPGNpcmNsZSBjeD0iMTAiIGN5PSI4 NCIgcj0iMTAiIGZpbGw9ImJsYWNrIi8+Cj4gICAgICAgICA8Y2lyY2xlIGN4PSI4NCIgY3k9Ijg0 IiByPSIxMCIgZmlsbD0iYmxhY2siLz4KPiAgICAgPC9zdmc+Cj4gICAgIDwvc3Bhbj4KPiA8L3Nw YW4+Cj4gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0t LS0tLS0tLS0tLS0tLS0tLS0tLS0tCj4gI3JvdyB7Cj4gICAgIGRpc3BsYXk6IGZsZXg7Cj4gICAg IGZsZXgtZGlyZWN0aW9uOiByb3c7Cj4gfQo+ICNiMSB7Cj4gICAgIG1hcmdpbjogMHB4Owo+ICAg ICB3aWR0aDogOTRweDsKPiAgICAgaGVpZ2h0OiA5NHB4Owo+ICAgICBib3JkZXI6IHNvbGlkIGJs YWNrIDNweDsKPiAgICAgcGFkZGluZzogMHB4Owo+IH0KPiAjYjIgewo+ICAgICBtYXJnaW46IDBw eDsKPiAgICAgd2lkdGg6IDk0cHg7Cj4gICAgIGhlaWdodDogOTRweDsKPiAgICAgYm9yZGVyOiBz b2xpZCBibGFjayAzcHg7Cj4gICAgIHBhZGRpbmc6IDBweDsKPiB9Cj4gLS0tLS0tLS0tLS0tLS0t LS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0t LS0KPiBUaGlzIHJlc3VsdHMgaW4gdGhlIGRvbWlubyBsb29raW5nIG1vc3RseSBhcyBpbnRlbmRl ZCwgZXhjZXB0IGVhY2gKPiAqb3V0bGluZSogb2YgdGhlIGRvdHMgaXMgc2xpZ2h0bHkgaW5jb3Jy ZWN0LiAgSSdtIHVuc3VyZSBvZiB0aGV5IGFyZSB0b28KPiBsYXJnZSBvciB0b28gc21hbGwsIG9y IGluY29ycmVjdGx5IGxvY2F0ZWQuICBVbmNsZWFyIGFib3V0IHdoYXQgdGhlIHByb2JsZW0KPiBp cy4gIEkgd2FzIHByb3ZpZGVkIHdpdGggYW4gaW1hZ2UgdG8gbWF0Y2guICBVbmZvcnR1bmF0ZWx5 LCBJIGNvdWxkIG5vdAo+IGluY2x1ZGUgaXQuCj4KPiBUaGFua3MgZm9yIGFueSBzdWdnZXN0aW9u cywKPgo+IC0tbGgKPiBfX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19f X19fXwo+IGRldi10ZWNoLXN2ZyBtYWlsaW5nIGxpc3QKPiBkZXYtdGVjaC1zdmdAbGlzdHMubW96 aWxsYS5vcmcKPiBodHRwczovL2xpc3RzLm1vemlsbGEub3JnL2xpc3RpbmZvL2Rldi10ZWNoLXN2 Zwo+CgoKLS0gCkplcmVtaWUKLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4KV2ViIDogaHR0 cDovL2plcmVtaWUucGF0b25uaWVyLm5ldApUd2l0dGVyIDogQEplcmVtaWVQYXQgPGh0dHA6Ly90 d2l0dGVyLmNvbS9KZXJlbWllUGF0PgpfX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19f X19fX19fX19fX19fXwpkZXYtdGVjaC1zdmcgbWFpbGluZyBsaXN0CmRldi10ZWNoLXN2Z0BsaXN0 cy5tb3ppbGxhLm9yZwpodHRwczovL2xpc3RzLm1vemlsbGEub3JnL2xpc3RpbmZvL2Rldi10ZWNo LXN2Zwo=