এসভিজি সাফারি 10-এ ঘোরার সময় রঙ পরিবর্তন করে

Question

আমি ঠিক যে সাফারি 10. আমি একমাত্র শো আপ কার্ড, SVG চিত্র, যে কখনও কখনও ব্যবহার আবর্তিত হয় বাজানো হয়েছে একটি খুব অদ্ভুত ঝামেলায় পড়েছি transform:rotate(xdeg)।

আমি যে কার্ডটি ব্যবহার করছি তার একটি লাল ব্লক প্যাটার্ন রয়েছে। যখন এটি ঘোরানো হয় না, বা ডান কোণগুলিতে ঘোরানো হয়, যেমন 90, 180, 270, তখন এটি স্বাভাবিক দেখায়। তবে, এর বাইরে অন্য কোনও কোণ এবং পটভূমি প্যাটার্নটি নীল হয়ে যায়! আমি আমার ব্যবহারকারীর একজনের কাছ থেকে এই সম্পর্কে একটি প্রতিবেদন পেয়েছি এবং অদ্ভুত কিছু দেখিনি। অন্যান্য ব্রাউজারগুলি সাধারণভাবে কাজ করে, সাফারি 9 এটি সাধারনত করে।

আমি অনুমান করছি যে এটি সাফারি 10-এ কেবল একটি সত্যই অদ্ভুত বাগ, তবে কীভাবে এটিকে ঘিরে কাজ করা যায় সে সম্পর্কে কোনও ধারণা? আমি এখানে একটি সর্বনিম্ন নিন্দা তৈরি করেছি:

https://jsfiddle.net/2zv4garu/1/

Comments

আপনি যদি এটি ওয়েবকিট-সম্পর্কিত মনে করেন তবে তাদের বাগ ট্র্যাকারে একটি ওয়েবকিট বাগ যুক্ত করার কথা বিবেচনা করুন ।

— বিনোদন

এটি আমার ম্যাক মিনি দেরীতে 2012 মডেল বা আমার 2013 রেটিনা ম্যাকবুক প্রোতে ঘটে না। ম্যাক মিনি: imgur.com/zdAZoWV

— এক্স-ইজিশন

আমার নন-রেটিনা ম্যাকবুক প্রো লেট 11 এ সাফারি সংস্করণ 10.0 (12602.1.50.0.10) সহ ঘটে না

— ডেভ

সিয়েরায়ও

— এন্টনোন

আইওএস 10.0.1 এ সাফারিতে পুনরুত্পাদন করা যাবে না।

— Vidime Vidas

Answer 1

সত্যিই অদ্ভুত বাগ। gএসভিজি ট্রান্সফর্ম হিসাবে মোড়কের উপাদানগুলিতে রূপান্তর সম্পাদন করা সমস্যার সমাধান করে না।

তবে, 2D এর পরিবর্তে 3 ডি রোটেশন সম্পাদন inlineCard.style.transform = 'rotate3d(0,0,1,' + e.currentTarget.value + 'deg)';করে, সমস্যাটি সমাধান করে, আপনি এখানে দেখতে পারেন।

https://jsfiddle.net/qe00s1mg/

Comments

ধন্যবাদ, এটি দুর্দান্তভাবে কাজ করে :) আমি রঙের পরিবর্তনটি কীভাবে ঘটে তা বুঝতে পেরেছি, এটি পূরণের রঙ থেকে আর এবং বি মানগুলি স্যুইচ করছে। রঙটি # ff0000 এবং এটি # 0000ff এ পরিবর্তন করছে। আমি আর এবং বি এর জন্য পৃথক মান দিয়ে চেষ্টা করেছি এবং দেখেছি এটি সর্বদা বিপরীত। তবে জি মানটি অপরিবর্তিত, বাস্তবে আপনি # 00FF00 রঙটি চেষ্টা করলে কার্ডের রঙ ঘোরার সময় পরিবর্তন হবে না। যাইহোক, কাজটির জন্য ধন্যবাদ, আমি এই উত্তরটিকে স্বীকৃত হিসাবে চিহ্নিত করেছি।

— আইনার এগিলসন

এই বিবরণ সহ bugreport.apple.com (বা bugs.webkit.org) এ একটি বাগ ফাইল করুন।

— পল শ্র্রেবার

@ আইনারএগিলসন: ... এবং এটি বেশিরভাগ ক্ষেত্রে যা ঘটছে তা ব্যাখ্যা করে। স্পষ্টতই, ঘোরানো চিত্রটি রেন্ডার করার সময় কেউ ভুল বাইট অর্ডার ব্যবহার করছে ।

— ইলমারি করোনেন

@ পাউলশ্রেইবার আসলে এটি দেখতে ইতিমধ্যে ঠিক হয়ে গেছে বলে মনে হচ্ছে, সাফারি 10-র একটি নতুন বিল্ডযুক্ত লোকেরা এটি পেয়েছে বলে মনে হয় না।

— আইনার এগিলসন

@ ডারিওইউ কারন অর্ধেক সঠিক না চেষ্টা করার চেয়ে ভাল।

— jpa