JavaScript   发布时间:2022-04-16  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript – 如何使用jQuery对PNG图像进行着色,跨浏览器大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我试着像 this question一样做,但更基本:我有一个只有白色和透明颜色的PNG图像.我需要在给定的RGB十六进制值中着色白色部分,而不触摸透明部分.

我想用jQuery插件做这个.有没有可以做到这一点?

它必须在所有主要浏览器(IE,FF,GC,Safari)的最新版本中工作,还有较低版本支持的奖励积分.

用法示例

我发现/想到的事情:

> Pixastic,但没有交叉支持
> CamanJS,但这不适用于jQuery
>覆盖另一个像here这样的div,但这会损害透明部分
>使白色部分透明,反之亦然,然后使用背景颜色 – 但图像由用户上传,这不会使其更加用户友好

解决方法

如何使用SVG呢?自IE 9以来,SVG是 supported in all major browsers.作为一种基于文本的格式,它体积小,重量轻,易于操作.

一种快速而肮脏的方法是使用SVG-edit(在线)或Inkscape(下载)来创建您的绘图,然后简单地删除生成的< svg>元素到您的HTML页面上.这是一个小提琴,展示了如何运作:http://jsfiddle.net/t6fAb/

更好的是,使用SVG.js完全用JavaScript创建绘图.这是一个小提琴,展示了如何运作:http://jsfiddle.net/WEL4J/

大佬总结

以上是大佬教程为你收集整理的javascript – 如何使用jQuery对PNG图像进行着色,跨浏览器全部内容,希望文章能够帮你解决javascript – 如何使用jQuery对PNG图像进行着色,跨浏览器所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。