Programim dhe zhvillim, javascript, python, php, html

HTML5 Canvas Vizatimi i shumë imazheve PNG me transparencë

Unë kam një faqe html5 me imazhe të shumta png në të që kanë sfond transparent. Po përpiqem t'i vizatoj të gjitha në një objekt të vetëm kanavacë dhe të ruaj transparencën mes tyre. Vazhdoj t'i vizatoj aty ku duhet, por me sfond të zi. Imazhet janë ngarkuar tashmë në faqe, kështu që nuk është një problem onLoad. Unë jam duke përdorur metodën clearRect në kanavacë përpara se të kaloj nëpër imazhet e mia. Këtu është cikli që po drejtoj për të vizatuar imazhet. (Rreshtat për të shkuar majtas, lart, gjerësia dhe lartësia funksionojnë të gjitha sipas dëshirës. Problemi është me vijën drawImage.) Images është një koleksion i elementeve img në faqe me imazhe të dukshme.

            for (i = 0; i < Images.length; i++) {
                imgTop = parseInt(Images[i].style.top) - Top;
                imgLeft = parseInt(Images[i].style.left) - Left;
                imgWidth = parseInt(Images[i].style.width);
                imgHeight = parseInt(Images[i].style.height);
                ctx.drawImage(Images[i], imgLeft, imgTop, imgWidth, imgHeight);
            }
javascript canvas html png transparency
26.10.2014

  • Për të sqaruar, a po merrni një sfond të zi opak ku prisni transparencë në çdo imazh? A po përdorni .getImageData & .putImageData për të modifikuar imazhet? 26.10.2014

Përgjigjet:


1

Kam gjetur gabimin e rrugëve të mia. Nuk kishte asnjë lidhje me kodin që postova. Kur mbarova krijimin e kanavacës, po përdorja toDataURL me parametrin për të krijuar një jpeg dhe jo një png. Kur ndryshova në PNG, funksionoi sipas dëshirës.

26.10.2014
Materiale të reja
Masterclass Coroutines: Kapitulli-3: Anulimi i korutinave dhe trajtimi i përjashtimeve.
Mirë se vini në udhëzuesin gjithëpërfshirës mbi Kotlin Coroutines! Në këtë seri artikujsh, unë do t'ju çoj në një udhëtim magjepsës, duke filluar nga bazat dhe gradualisht duke u thelluar në..
Faketojeni derisa ta arrini me të dhënat false
A e gjeni ndonjëherë veten duke ndërtuar një aplikacion të ri dhe keni nevojë për të dhëna testimi që duken dhe duken më realiste ose një grup i madh të dhënash për performancën e ngarkesës...
Si të përdorni kërkesën API në Python
Kërkesë API në GitHub për të marrë depot e përdoruesve duke përdorur Python. Në këtë artikull, unë shpjegoj procesin hap pas hapi për të trajtuar një kërkesë API për të marrë të dhëna nga..
Një udhëzues hap pas hapi për të zotëruar React
Në këtë artikull, do të mësoni se si të krijoni aplikacionin React, do të mësoni se si funksionon React dhe konceptet thelbësore që duhet të dini për të ndërtuar aplikacione React. Learning..
AI dhe Psikologjia — Pjesa 2
Në pjesën 2 të serisë sonë të AI dhe Psikologji ne diskutojmë se si makineritë mbledhin dhe përpunojnë të dhëna për të mësuar emocione dhe ndjenja të ndryshme në mendjen e njeriut, duke ndihmuar..
Esencialet e punës ditore të kodit tim VS
Shtesat e mia të preferuara - Git Graph 💹 Kjo shtesë është vërtet e mahnitshme, e përdor përpara se të filloj të punoj për të kontrolluar dy herë ndryshimet dhe degët më të fundit, mund të..
Pse Python? Zbulimi i fuqisë së gjithanshme të një gjiganti programues
Në peizazhin gjithnjë në zhvillim të gjuhëve të programimit, Python është shfaqur si një forcë dominuese. Rritja e tij meteorike nuk është rastësi. Joshja e Python qëndron në thjeshtësinë,..