我想要一个javascript函数,它将base64图像旋转X度并返回新的base64图像.
示例我希望用以下内容调用函数:
var newImg = rotateImg(imageData,90); //应该返回原始图像旋转90度的base64字符串.
(底部的样本base64图像字符串)
理想情况下,该功能将向后兼容非html5浏览器,但简单的欢迎使用纯画布解决方案.
我已经和它斗争了好几天.
我理解解决方案可能是,用原始字符串加载图像对象,创建临时画布对象和上下文,然后旋转上下文,然后将画布转换回图像字符串,但只是可以让它工作....请帮助!
示例图像字符串:
数据:图像/ PNG; BASE64,iVBORw0KGgoAAAANSUhEUgAAACIAAABBCAMAAACD + YYEAAAABGdBTUEAALGPC/xhBQAAAwBQTFRFpI8jl5FIn5V0paijNzAfJiIavsHNlpabcnB6iH0XZ2Z4gH6BnJM2paSHu7NVoqGdoi8pRDwnnz40vrl4qJtgpqKNg3pRoJBL8 + UJPj08nJeCNCkQhWgG5erh0q2RxcnKyYcT8POb391VRTAE +/rqzsqsqZ8xsaBa38sVgXU0jI6SpKKUdlpLk4VEfXAcjId2UFBMo5tc5bwCdX6noJtzwLIkkYAvmI5fu61GfnlMjn4Y39gPeXJVlY99gYKNb19afnli186St58T0cUPV09Azb8fX1w/nJqdp5s3dGtHMzhLGRcex8Fk4tZspoYSdnNxpKBxko51tKRg5d6Ig4B1181vX2BgFxEQWFE8W1dDiYuVdG5l5NQyraqZa2lmamppY15AgH5shYN8d3NocG1feXhyAAAA15Bry6847fPEPEWJv0E28 + ZTw76K/txB3cpM3NvAkpKecVsJjouKXGKJ9 + Io7ezNnqGts69tf3pT9vOt/vYY9d46/uwVHx0mZm6hv6AmmZJh8uWS5t6jYWd78e2RVEQQ7 + qzCQ9JsrCY7dlNVVVapZIq/PMw1rkI7eVzxrgM7u4Ih24lg30UYl0krp5HnpqI0sdhzKEM3tWEj4tp7uiE69dY3MEKxsB6 // 2zz8JRKjBW/fdZXlpFua0O/TSM/9IB/+ 5oLB0B/O0D // // 7cxq8h8t4DSk9sBgII7NkL //指数mQ lH4MMlPzgm/VCQ/ODH/vJ4lY4XNjIu1c99IiM0 // ZI/uAMVlpuenp1 // // 5wvbFJISRE yE9dQFTkk6REA3NjU5s5oimY5J/+ + Ag0bAF // dwCqpwN7s8FWVlX + yaEhE2FhQpMysgQEVamH8V OCC // yoU1NS18Ay/VQ7/+ 2aEw4d/+ YP/+ uGdHqZamxwHhkZ5c4E/+ E5DAshBAMY/+ AV/+ NPSkpMGRcf/+ H9/+ VM/+ AT/9YBLSss/+ DY/+ ZaLy0y/vQCJyUn/+ JFAwMlOjk5QEBG/+ UAKCUg/FSA/+ 0BJCEgIh4e/+ AB /器90A/9wA1H7CggAAAGd0Uk5T4vLQweDsx83XzcXoyNrZx/LL4NeTbrKm/vHL8f38/VH9/VV7/v3Vs/2JmryxXKtd5cn8/P7V + YLKb/v9gmv + NPV +/vpj5ktDs/398/J +/K + 8mf7 + EF7 +/+ rQhLir9FTMVij8iCQ8DAMXyiFIAAAZySURBVEjHhdYHUBNZGABg5 68fmdX7AVRKYeKgAIK0osUaSIQKSmevfcCWCgCgkqvgiC9SS/SqxRpoWNIDCVIkUAKCSn3djcLnufM/TOb2cl88 // v7fv3vV108n9j0cItHou1dQRhY2ODxX2D4KxtLUyPwiEtLS1lYWKN …