mirror of
https://github.com/flutter/flutter.git
synced 2025-06-03 00:51:18 +00:00
33 lines
628 B
Plaintext
33 lines
628 B
Plaintext
#!mojo mojo:sky_viewer
|
|
<sky>
|
|
<style>
|
|
dot {
|
|
position: absolute;
|
|
height: 100px;
|
|
width: 100px;
|
|
background-color: #00FF00;
|
|
}
|
|
</style>
|
|
<dot />
|
|
<log>Ready</log>
|
|
<script>
|
|
import "dart:sky";
|
|
|
|
final Element dot = document.querySelector("dot");
|
|
|
|
void moveDot(event) {
|
|
double x = event.x;
|
|
double y = event.y;
|
|
|
|
dot.style["transform"] = "translate(${x-50}px,${y-50}px)";
|
|
}
|
|
|
|
void main() {
|
|
document.addEventListener("pointerdown", moveDot);
|
|
document.addEventListener("pointermove", moveDot);
|
|
document.addEventListener("pointerup", moveDot);
|
|
document.addEventListener("pointercancel", moveDot);
|
|
}
|
|
</script>
|
|
</sky>
|