有沒有辦法在HTML中使用灰度或位圖圖像作爲alpha通道,而不是將其保存爲透明PNG?PNG的alpha作爲一個單獨的文件?
我有約12種變化的透明度模式,我需要應用於約200張圖片。我不想爲每種可能的組合製作2400張圖像。我寧願說「使用此圖像來獲取該圖像的透明度。」
這不一定與舊版瀏覽器兼容,因爲它將用於內部使用。 HTML5可以做到這一點嗎?
有沒有辦法在HTML中使用灰度或位圖圖像作爲alpha通道,而不是將其保存爲透明PNG?PNG的alpha作爲一個單獨的文件?
我有約12種變化的透明度模式,我需要應用於約200張圖片。我不想爲每種可能的組合製作2400張圖像。我寧願說「使用此圖像來獲取該圖像的透明度。」
這不一定與舊版瀏覽器兼容,因爲它將用於內部使用。 HTML5可以做到這一點嗎?
是的,你可以使用圖像掩膜。目前僅在Webkit瀏覽器中受支持。
哦。如此多的可能性。我不知道這個 – Turnip 2012-03-16 20:33:13
我*會喜歡它不僅僅與Opera和Chrome兼容。這是唯一的方法嗎?我可能不得不訴諸閃存... – RyanJMcGowan 2012-03-16 20:56:11
它可能在服務器端做,但這是我的境界。 – 2012-03-16 20:57:13
我所知道的全部是PNG透明度。除了閃光之外,我想不出任何其他方法。 – RyanJMcGowan 2012-03-16 20:57:29
您也可以在服務器端進行alpha合併(例如,ImageMagick),但這取決於您的服務器端場景 – leonbloy 2012-03-20 14:09:14