muerwre/orchidmap-front
1
0
Fork 0
mirror of https://github.com/muerwre/orchidmap-front.git synced 2025-04-25 11:06:40 +07:00
Code Issues Projects Releases Packages Wiki Activity Actions

stickers: implemented click-adding

Browse source
This commit is contained in:
muerwre 2018-12-03 18:24:58 +07:00
parent 93e05b7efe
commit 4ea56aa43c
4 changed files with 60 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/modules/Sticker.js
View file

@ -4,6 +4,7 @@ import 'leaflet-editable';
import { DomMarker } from '$utils/DomMarker';
import stickers from '$sprites/stickers.svg';
import { STICKERS } from '$constants/stickers';
export class Sticker {
constructor({
@ -124,11 +125,17 @@ export class Sticker {
this.stickerArrow.style.transform = `rotate(${angle + 3.14}rad)`;
};
generateStickerSVG = sticker => (
generateStickerSVG = ({ set, sticker }) => (
// `
// <svg width="64" height="64">
// <use xlink:href="${stickers}#sticker-${sticker}" x="0" y="0" width="64" height="64" />
// </svg>
// `
`
<svg width="64" height="64">
<use xlink:href="${stickers}#sticker-${sticker}" x="0" y="0" width="64" height="64" />
</svg>
<div
class="sticker-image"
style="background-image: url('${STICKERS[set].url}');background-position: ${-STICKERS[set].layers[sticker].off * 64} 50%">
</div>
`
);