lsm/konva
1
0
Fork 0
mirror of https://github.com/konvajs/konva.git synced 2025-09-18 18:10:54 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

adjust tests

Browse Source
This commit is contained in:
Anton Lavrevov
2024-12-23 09:25:58 -05:00
parent a8395cad5c
commit 7e174b075c
3 changed files with 46 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
test/sandbox.html
View File

@@ -13,6 +13,27 @@
width: 100vw;
height: 100vh;
}
body {
padding: 0;
margin: 0;
}
.test {
position: absolute;
color: red;
font-size: 20px;
font-family: Arial;
border: 0;
background-color: transparent;
outline: none;
resize: none;
overflow: hidden;
line-height: 1;
padding: 0px;
letter-spacing: 20px;
width: 500px;
text-align: center;
}
</style>
<!-- <script src="https://cdn.rawgit.com/hammerjs/touchemulator/master/touch-emulator.js"></script> -->
<script>
@@ -26,6 +47,7 @@
<body>
<div id="container"></div>
<textarea class="test" id="text">Hello</textarea>
<script type="module">
import Konva from '../src/index.ts';
@@ -41,31 +63,25 @@
height: stageHeight,
});
var layer = new Konva.Layer();
Konva._fixTextRendering = true;
const layer = new Konva.Layer();
stage.add(layer);
var rect = new Konva.Rect({
x: 10,
y: 10,
width: 100,
height: 100,
fill: 'green',
draggable: true,
const shape = new Konva.Text({
x: 50,
y: 50,
text: 'Hello',
fontSize: 20,
fontFamily: 'Arial',
letterSpacing: 20,
align: 'center',
width: 500,
});
layer.add(rect);
layer.add(shape);
window.addEventListener('touchend', () => {
console.log('touchend');
});
window.addEventListener('touchcancel', () => {
console.log('touchcancel');
});
window.addEventListener('lostpointercapture', () => {
console.log('lostpointercapture');
});
window.addEventListener('focusout', () => {
console.log('focusout');
});
text.style.top = shape.y() + 'px';
text.style.left = shape.x() + 'px';
</script>
</body>
</html>