Html2canvas: العتامة

يعتمد ذلك على كيفية استخدامك للشفافية. ضع مثالاً باستخدام jsfiddle.

لقد كنت أحاول جعل التعتيم يعمل أيضًا ولا يبدو أنه يحافظ عليه.

لدي صورة في div. يحتوي div على css مضمّن opacity: 0.78; ولكنه غير شفاف بنسبة 100٪ في لقطة الشاشة.

@ متصفح

OSX 10.11.4
Firefox 44.0.2
كروم 49.0.2623.112

تحرير: حسنًا ، يبدو أنني قد قمت بحل هذا عن طريق إضافة بعض CSS الإضافية إلى علامة img. لقد وضعت بصراحة ؛

display: block;
position: static;

والآن تدعم الصور التعتيم ، على الرغم من عدم التأكد من سبب حاجتها إلى الحظر ، والموضع: يبدو أن النسبي يمنعها بالفعل من العمل. العناصر الأخرى التي ليست موضعًا: النسبي (أي div مع بعض النص) كانت تعمل بشكل جيد.

ها هو jsFiddle يمثل المشكلة: http://jsfiddle.net/tqqaa16x/. أنا أعاني من هذا أيضًا.

لا يبدو أن العتامة تعمل مع أبسط الأمثلة:
https://jsfiddle.net/JoolsCaesar/yLj4qwe2/3/
https://jsfiddle.net/JoolsCaesar/yLj4qwe2/5/
(تم اختباره في Chrome)

ثابت في https://github.com/niklasvh/html2canvas/tree/v1.0.0

niklasvh ما زلت أواجه نفس المشكلة باستخدام الإصدار 1.0.0-alpha.12 لدي div بزوايا دائرية وخلفية موقع الويب مظلمة ولكن في الصورة المحفوظة بها زوايا بيضاء عندما يجب أن تكون شفافة.

مثال:

هذا أيضا لا يعمل بالنسبة لي. ضاع التعتيم.

andy

niklasvh ما زلت أواجه نفس المشكلة باستخدام الإصدار 1.0.0-alpha.12 لدي div بزوايا دائرية وخلفية موقع الويب مظلمة ولكن في الصورة المحفوظة بها زوايا بيضاء عندما يجب أن تكون شفافة.

مثال:

يجب عليك استخدام لون الخلفية: rgba (x ، x ، x ، opacityValue) استبدال العتامة بأسلوب css يجب أن يحل مشكلتك.

ثابت في https://github.com/niklasvh/html2canvas/tree/v1.0.0

هذا الرابط لا يعمل الآن!

أستطيع أن أؤكد أن التعتيم لا يزال لا يعمل في الإصدار الأخير: 1.0.0-rc.7. ربما يمكننا إعادة فتح هذه التذكرة؟

أستطيع أن أؤكد أن التعتيم لا يزال لا يعمل في الإصدار الأخير: 1.0.0-rc.7. ربما يمكننا إعادة فتح هذه التذكرة؟

استخدم هذا الإصدار: https://github.com/niklasvh/html2canvas/suites/1187063696/artifacts/17429870 ، سيعمل التعتيم.

أستطيع أن أؤكد أن التعتيم لا يزال لا يعمل في الإصدار الأخير: 1.0.0-rc.7. ربما يمكننا إعادة فتح هذه التذكرة؟

استخدم هذا الإصدار: https://github.com/niklasvh/html2canvas/suites/1187063696/artifacts/17429870 ، سيعمل التعتيم.

ما هذا بالضبط الذي ربطتني به؟ فتحته وتقول إنه v1.0.0-rc.7 ...

أستطيع أن أؤكد أن التعتيم لا يزال لا يعمل في الإصدار الأخير: 1.0.0-rc.7. ربما يمكننا إعادة فتح هذه التذكرة؟

استخدم هذا الإصدار: https://github.com/niklasvh/html2canvas/suites/1187063696/artifacts/17429870 ، سيعمل التعتيم.

ما هذا بالضبط الذي ربطتني به؟ فتحته وتقول إنه v1.0.0-rc.7 ...

اسم الإصدار هو نفسه ولكن في ملف js هذا ، تم إصلاح خطأ التعتيم.

أستطيع أن أؤكد أن التعتيم لا يزال لا يعمل في الإصدار الأخير: 1.0.0-rc.7. ربما يمكننا إعادة فتح هذه التذكرة؟

استخدم هذا الإصدار: https://github.com/niklasvh/html2canvas/suites/1187063696/artifacts/17429870 ، سيعمل التعتيم.

ما هذا بالضبط الذي ربطتني به؟ فتحته وتقول إنه v1.0.0-rc.7 ...

اسم الإصدار هو نفسه ولكن في ملف js هذا ، تم إصلاح خطأ التعتيم.

ربما يمكنك تقديم طلب سحب حتى يتمكن المجتمع بأكمله من الاستفادة من هذا الإصلاح ويمكننا الاستمرار في استخدام الغزل (أو npm) لتبعية html2canvas؟

niklasvh لقد بدأت للتو في استخدام html2canvas في مشروعي وهو رائع! لكنني أواجه أيضًا خطأ التعتيم هذا - هل تعمل الحزمة أعلاه على إصلاح هذه المشكلة / هل هناك أي فرصة لتحريرها وتحديث حزمة npm التي تم إصدارها؟

davidswinegar هذا عمل لي. الرقم الأخير هو العتامة

background-color: rgba(25, 163, 71, .5);