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
|
||||
fetch('{{ "data/countries-50m.json" | relURL }}')
|
||||
fetch('{{ "data/countries-110m.json" | relURL }}')
|
||||
.then(function(r) { return r.json(); })
|
||||
.then(function(topo) {
|
||||
var geo = topojson.feature(topo, topo.objects.countries);
|
||||
@@ -194,6 +194,16 @@
|
||||
|
||||
sizeCanvas();
|
||||
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
|
||||
|
||||
Reference in New Issue
Block a user