Html2canvas: Kegelapan

Dibuat pada 5 Nov 2015 · 18Komentar · Sumber: niklasvh/html2canvas

Hai,

Saya harus membuat kanvas dari halaman web dan saya menemukan plugin Anda, itu bekerja dengan sangat baik tetapi saya ingin mengatakan apakah mungkin untuk menjaga opacity dari setiap elemen. Saat ini itu tidak berhasil.

Salam Hormat

Bug

Sumber

lmbuffetti

Komentar yang paling membantu

Ini juga tidak berhasil untuk saya. Opasitas hilang.

day pada 25 Jul 2019

👍5

Semua 18 komentar

Itu tergantung pada bagaimana Anda menggunakan opacity. Berikan contoh menggunakan jsfiddle.

brcontainer pada 6 Nov 2015

Saya telah mencoba membuat Opacity berfungsi juga dan tampaknya tidak dapat mempertahankannya.

Saya memiliki gambar di div. Div memiliki inline css opacity: 0.78; tetapi pada tangkapan layar itu 100% buram.

Dayjo pada 12 Apr 2016

@Dayjo Browser? OS? x86 atau x64? Tolong beri contoh jsfiddle =)

brcontainer pada 12 Apr 2016

OSX 10.11.4
Firefox 44.0.2
Chrome 49.0.2623.112

Edit: OK jadi saya tampaknya telah menyelesaikan ini dengan menambahkan beberapa CSS ekstra ke tag img. Saya sudah mengatur secara eksplisit;

display: block;
position: static;

Dan sekarang gambar mendukung opacity, meskipun tidak yakin mengapa itu perlu diblokir, dan position: relative tampaknya benar-benar menghentikannya untuk bekerja. Elemen lain yang bukan posisi: relatif (yaitu div dengan beberapa teks) berfungsi dengan baik.

Dayjo pada 13 Apr 2016

Berikut ini adalah jsFiddle yang mencontohkan masalah tersebut: http://jsfiddle.net/tqqaa16x/. Saya berjuang dengan ini juga.

chughes87 pada 1 Jun 2016

Opacity tampaknya tidak berfungsi dengan contoh yang paling sederhana:
https://jsfiddle.net/JoolsCaesar/yLj4qwe2/3/
https://jsfiddle.net/JoolsCaesar/yLj4qwe2/5/
(Diuji di Chrome)

JoolsCaesar pada 2 Mei 2017

Diperbaiki di https://github.com/niklasvh/html2canvas/tree/v1.0.0

niklasvh pada 13 Agu 2017

@niklasvh Masih mengalami masalah yang sama saat menggunakan versi 1.0.0-alpha.12 Saya memiliki div dengan sudut membulat, latar belakang situs web gelap tetapi pada gambar yang disimpan memiliki sudut putih yang seharusnya transparan.

CONTOH:
html2canvas_error

andywillekens pada 24 Mei 2018

👍4

Ini juga tidak berhasil untuk saya. Opasitas hilang.

day pada 25 Jul 2019

👍5

@andy

@niklasvh Masih mengalami masalah yang sama saat menggunakan versi 1.0.0-alpha.12 Saya memiliki div dengan sudut membulat, latar belakang situs web gelap tetapi pada gambar yang disimpan memiliki sudut putih yang seharusnya transparan.
CONTOH:

Anda harus menggunakan background-color: rgba (x, x, x, opacityValue) replace untuk opacity css style harus menyelesaikan masalah Anda.

hungpp250795 pada 3 Jan 2020

❤1

Diperbaiki di https://github.com/niklasvh/html2canvas/tree/v1.0.0

tautan ini tidak berfungsi sekarang!

NurulAlomAdor pada 20 Sep 2020

Saya dapat mengonfirmasi bahwa opacity masih tidak berfungsi di rilis terbaru: 1.0.0-rc.7. Mungkin kita bisa mendapatkan tiket ini dibuka kembali?

fated-x pada 9 Okt 2020

Saya dapat mengonfirmasi bahwa opacity masih tidak berfungsi di rilis terbaru: 1.0.0-rc.7. Mungkin kita bisa mendapatkan tiket ini dibuka kembali?

Gunakan versi ini: https://github.com/niklasvh/html2canvas/suites/1187063696/artifacts/17429870 , Opacity akan berfungsi.

NurulAlomAdor pada 10 Okt 2020

Saya dapat mengonfirmasi bahwa opacity masih tidak berfungsi di rilis terbaru: 1.0.0-rc.7. Mungkin kita bisa mendapatkan tiket ini dibuka kembali?
Gunakan versi ini: https://github.com/niklasvh/html2canvas/suites/1187063696/artifacts/17429870 , Opacity akan berfungsi.

Apa sebenarnya yang Anda tautkan dengan saya ini? Saya membukanya dan dikatakan v1.0.0-rc.7 ...

fated-x pada 12 Okt 2020

Saya dapat mengonfirmasi bahwa opacity masih tidak berfungsi di rilis terbaru: 1.0.0-rc.7. Mungkin kita bisa mendapatkan tiket ini dibuka kembali?
Gunakan versi ini: https://github.com/niklasvh/html2canvas/suites/1187063696/artifacts/17429870 , Opacity akan berfungsi.
Apa sebenarnya yang Anda tautkan dengan saya ini? Saya membukanya dan dikatakan v1.0.0-rc.7 ...

nama versi sama tetapi dalam file js ini, bug opacity diperbaiki.

NurulAlomAdor pada 12 Okt 2020

Saya dapat mengonfirmasi bahwa opacity masih tidak berfungsi di rilis terbaru: 1.0.0-rc.7. Mungkin kita bisa mendapatkan tiket ini dibuka kembali?
Gunakan versi ini: https://github.com/niklasvh/html2canvas/suites/1187063696/artifacts/17429870 , Opacity akan berfungsi.
Apa sebenarnya yang Anda tautkan dengan saya ini? Saya membukanya dan dikatakan v1.0.0-rc.7 ...
nama versi sama tetapi dalam file js ini, bug opacity diperbaiki.

Mungkin Anda dapat membuat permintaan tarik sehingga seluruh komunitas dapat memperoleh manfaat dari perbaikan ini dan kami dapat terus menggunakan benang (atau npm) untuk ketergantungan html2canvas?

fated-x pada 16 Okt 2020

@niklasvh Saya baru saja mulai menggunakan html2canvas dalam proyek saya dan itu hebat! Tetapi saya juga mengalami bug opacity ini - apakah bundel di atas memperbaiki masalah ini / adakah kemungkinan Anda dapat merilisnya dan memperbarui paket npm yang dirilis?