Skip to content

Commit 910c58e

Browse files
wang1212github-actions[bot]
andauthoredAug 30, 2024··
Release (#1765)
* chore: add preview demo npm script * fix: `path` elements are drawn incorrectly (#1761) * fix: `path` elements are drawn incorrectly after using `markerStartOffset` (#1760) * chore: revert package.json * fix: html element's `getBounds` logic exception (#1743) (#1764) * Version Packages (#1762) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
1 parent 17c7b56 commit 910c58e

File tree

104 files changed

+618
-102
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

104 files changed

+618
-102
lines changed
 

‎demo/index.html ‎demo/2d-shape.html

File renamed without changes.

‎demo/camera+html.html ‎demo/issues/issue-1743.html

+21-8
Original file line numberDiff line numberDiff line change
@@ -14,12 +14,15 @@
1414
padding: 0;
1515
}
1616

17-
html,
1817
body {
1918
height: 100vh;
19+
padding: 111px 0 0 111px;
20+
/* padding: 100px 0 0 100px; */
2021
}
2122

2223
#container {
24+
/* border: 1px solid #ddd; */
25+
background-color: #ddd;
2326
width: 100%;
2427
height: 100%;
2528
}
@@ -29,16 +32,14 @@
2932
<body>
3033
<div id="container"></div>
3134
<script
32-
src="../packages/g/dist/index.umd.min.js"
35+
src="../../packages/g/dist/index.umd.min.js"
3336
type="application/javascript"
3437
></script>
3538
<script
36-
src="../packages/g-canvas/dist/index.umd.min.js"
39+
src="../../packages/g-canvas/dist/index.umd.min.js"
3740
type="application/javascript"
3841
></script>
39-
<script src="../packages/g-plugin-control/dist/index.umd.min.js"></script>
40-
<!-- <script src="../packages/g-svg/dist/index.umd.min.js" type="application/javascript"></script>
41-
<script src="../packages/g-webgl/dist/index.umd.min.js" type="application/javascript"></script> -->
42+
<script src="../../packages/g-plugin-control/dist/index.umd.min.js"></script>
4243
<script>
4344
console.log(window.G);
4445
const { Circle, CanvasEvent, Canvas, HTML } = window.G;
@@ -50,8 +51,8 @@
5051
// create a canvas
5152
const canvas = new Canvas({
5253
container: 'container',
53-
width: 800,
54-
height: 800,
54+
width: 600,
55+
height: 600,
5556
renderer: canvasRenderer,
5657
});
5758

@@ -61,6 +62,9 @@
6162
cy: 200,
6263
r: 50,
6364
fill: 'red',
65+
transform: 'translate(120px, 120px) scale(2)',
66+
transformOrigin: 'center center',
67+
// transformOrigin: '200px 200px',
6468
},
6569
});
6670

@@ -72,13 +76,22 @@
7276
height: 100,
7377
innerHTML:
7478
'<h1 style="width: 100px; height: 100px;">This is Title</h1>',
79+
transform: 'translate(120px, 120px) scale(2)',
80+
transformOrigin: 'center center',
81+
// transformOrigin: '50px 50px',
7582
},
7683
});
7784

7885
canvas.addEventListener(CanvasEvent.READY, () => {
7986
canvas.appendChild(circle);
8087
canvas.appendChild(html);
8188

89+
// console.log(
90+
// 'transform',
91+
// circle.getWorldTransform(),
92+
// html.getWorldTransform(),
93+
// );
94+
8295
console.log('canvas.getCamera()', canvas.getCamera(), circle, html);
8396
console.log(
8497
'circle',

0 commit comments

Comments
 (0)
Please sign in to comment.