SVG ScreenShot https://svgscreenshot.appspot.com/ についての話です
$ISPNF֦ுػೳʮ47(4DSFFO4IPUʯͷ։ൃ!EBJ[QMVT(ZB1$"TJB5PLZP
View Slide
ࣗݾհɾ!EBJ[QMVTJEEBJJ[ɾిؾ௨৴େֶ#
ΣϒϖʔδͷεΫϦʔϯγϣοτ
ΣϒϖʔδͷεΫϦʔϯγϣοτɾʑࡱΓͨΊΔɹɹɾษڧɺௐͷɾϝʔϧͰૹΒΕͯ͘Δɾ4/4Ͱݟ͚ͭΔ
εΫϦʔϯγϣοτ͕ࡱΒΕͨΣϒϖʔδΛಡΈ͍ͨ
εΫϦʔϯγϣοτʹؚ·Ε͍ͯΔϦϯΫઌͷϖʔδΛಡΈ͍ͨ
47(4DSFFO4IPU$ISPNF֦ுΣϒΞϓϦ
ɾΩϟϓνϟɾҰཡɾϓϨϏϡʔɾຒΊࠐΈ
Ωϟϓνϟࢦఆൣғͷը૾ʴࡱӨݩϖʔδ63-ʴϖʔδϦϯΫใ
Ωϟϓνϟࢦఆൣғͷը૾ɾ#BDLHSPVOEQBHFɾchrome.tabs.captureVisibleTab()ϖʔδϦϯΫҐஔͱαΠζɾ$POUFOUTDSJQUTɾgetBoundingClientRect()
… … … ࡱӨൣғͷϦϯΫใʢ63- ҐஔͳͲʣࡱӨൣғͷΩϟϓνϟը૾Ωϟϓνϟ
Ωϟϓνϟ
͜Ε·Ͱʹ࡞ͨ͠εΫϦʔϯγϣοτΛϦετΞοϓҰཡ
Ұཡ
47(εΫϦʔϯγϣοτͷϓϨϏϡʔϖʔδϓϨϏϡʔ
ϓϨϏϡʔ
47(εΫϦʔϯγϣοτΛϖʔδʹຒΊࠐΜͰڞ༗͢ΔαΠτʹຒΊࠐΉ
αΠτʹຒΊࠐΉsvgλάΑΓimgλάͷํ͕ຒΊࠐΈ͍͢ͱࢥ͏
svgͷΘΓʹpngΛఏڙimgλάͰදࣔpngΛݟ͚ͭ࣍ୈ.svgͷϨΠϠʔΛੜ ֦ுػೳαΠτʹຒΊࠐΉ
47(εΫϦʔϯγϣοτΛࡱͬͯ4DSBQCPYʹషΓ͚ΔྲྀΕ
֦ுػೳͰࡱӨ͢Δ
pngը૾ͷ63-Λऔಘ
pngը૾ΛషΓ͚
ը૾͕දࣔ͞ΕΔ
onmouseͨ͠ͱ͖͚ͩsvg͕දࣔ͞ΕΔ
47(4DSFFO4IPUIUUQTTWHTDSFFOTIPUBQQTQPUDPN