fix: convert canvas to static img + try 110m data
All checks were successful
Deploy Internet for Kids / Build & Push (push) Successful in 13s
Deploy Internet for Kids / Deploy (push) Successful in 7s
Deploy Internet for Kids / Health Check (push) Successful in 2s
Deploy Internet for Kids / Smoke Tests (push) Successful in 4s
Deploy Internet for Kids / IndexNow Ping (push) Successful in 8s
Deploy Internet for Kids / Promote to Latest (push) Successful in 2s
Deploy Internet for Kids / Rollback (push) Has been skipped
Deploy Internet for Kids / Audit (push) Successful in 2s
All checks were successful
Deploy Internet for Kids / Build & Push (push) Successful in 13s
Deploy Internet for Kids / Deploy (push) Successful in 7s
Deploy Internet for Kids / Health Check (push) Successful in 2s
Deploy Internet for Kids / Smoke Tests (push) Successful in 4s
Deploy Internet for Kids / IndexNow Ping (push) Successful in 8s
Deploy Internet for Kids / Promote to Latest (push) Successful in 2s
Deploy Internet for Kids / Rollback (push) Has been skipped
Deploy Internet for Kids / Audit (push) Successful in 2s
Canvas drawn once, converted to PNG data URL, displayed as <img>. Also switched to 110m resolution to test if lines are data-related. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -175,7 +175,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
// Load data
|
// Load data
|
||||||
fetch('{{ "data/countries-50m.json" | relURL }}')
|
fetch('{{ "data/countries-110m.json" | relURL }}')
|
||||||
.then(function(r) { return r.json(); })
|
.then(function(r) { return r.json(); })
|
||||||
.then(function(topo) {
|
.then(function(topo) {
|
||||||
var geo = topojson.feature(topo, topo.objects.countries);
|
var geo = topojson.feature(topo, topo.objects.countries);
|
||||||
@@ -194,6 +194,16 @@
|
|||||||
|
|
||||||
sizeCanvas();
|
sizeCanvas();
|
||||||
drawMap();
|
drawMap();
|
||||||
|
// Convert canvas to static <img> to bypass GPU compositor tiling
|
||||||
|
setTimeout(function() {
|
||||||
|
var imgEl = document.createElement('img');
|
||||||
|
imgEl.src = canvas.toDataURL('image/png');
|
||||||
|
imgEl.id = 'ifk-map-img';
|
||||||
|
imgEl.style.cssText = 'position:absolute;top:0;left:0;width:100%;height:100%;display:block;';
|
||||||
|
container.appendChild(imgEl);
|
||||||
|
canvas.style.opacity = '0';
|
||||||
|
canvas.style.position = 'absolute';
|
||||||
|
}, 100);
|
||||||
});
|
});
|
||||||
|
|
||||||
// Resize handler
|
// Resize handler
|
||||||
|
|||||||
Reference in New Issue
Block a user