Fonction Javascript pour faire pivoter une image de base 64 de X degrés et renvoyer une nouvelle base64

Je veux une fonction javascript qui va faire pivoter une image en base64 X degrés et le retour de la nouvelle image en base64.

Exemple je souhaite appeler une fonction avec quelque chose comme:

var newImg = rotateImg(données images, 90); //renvoie une chaîne base64 de l'image d'origine avec une rotation de 90 degrés.

(Échantillon base64 chaîne d'image en bas)

Idéalement, la fonction sera rétro-compatible avec les navigateurs html5, mais en pure toile de solutions sont les bienvenus pour des raisons de simplicité.

J'ai été aux prises avec ce pour jours.

Je comprends que la solution sera probablement, charger une image de l'objet avec la chaîne d'origine, créer un temp toile objet et le contexte, puis tourner contexte, puis de les convertir dos toile à l'image de la chaîne, mais ne peut tout simplement le faire fonctionner.... S'il vous plaît AIDER!!

Image de l'échantillon de la chaîne:

data:image/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/9oA/9wA1H7CggAAAGd0Uk5T4vLQweDsx83Xzcxoynrzx/LL4NeTbrKm/vHL8f38/vH9/vv7/v3Vs/2JmryxXKtd5cn8/P7V+YLKb/v9gmv+npv+/vpj5ktDs/398/j+/k+8mf7+ef7+/rQhLir9FTMVij8iCQ8DAMXyiFIAAAZySurbvejhhdyhubnzgabg5+68fmdX7AVRKYeKgAIK0osUaSIQKSmevfccwcgcgkqvgic9ss/SqxRpoWNIDCVIkUAKCSn3djcLnufM/TOb2cl88//v7fv3vV108n9j0cItHou1dQRhY2ODxX2d4kxtluypwietls1lywkn+4rgdCT1/jSMigqytCwoUFeX2PyjlA7+XwSvJauNwWRmYjzDfX3DzM1D3Ldv/EkL/wXB6cjIR2GaKOn3zn0adb1zx/1RyKNLm3/Wsp8nBDu1fTfNIppS7ufET37o7SxK2n5d3syq9ksjdivyi98uy7tqorhdm58nr/t7s3uAiXxwVVUKKyI4k9/LopIjGtj812PDnyY/wCbpUeR5iT92E0RESft5uk8TXyh4/S4nPhci2UVJ7pbmPeqmeIRgD6twKPVNbc6xc/dNaWlFRnPny54id0vLzq1HbRFiqyfWUe/TwaFzOM8x27YZ+Zpv7QQopCyseYUJASaOO8QoPimc588a/fz8/f2rYvRDbxW4doZFGVUYKuEhQvhLgd/U1KHi5zZLYwxCQW1lxjwIyQ0Pz7XcLyLaiykgz1d4daad1kft63mqlcwsby8x9lz3ymg/Di4ECKXRjcpgtPJmQUxPMKtZrPbiErPup9twoostkdxssippzc7x5gcpyy68p/aYpBpwHSPK4qjAJ7Z4TLXxeHM8cE1PTDfzxccg9u17kk6phbnnutk43ioztybz5kdazoq9iaeubr1k0jzr5ikrylnmatizjtmiiv0+JadnBz06AnbVAbl6/WjWSA0PToMWcg7sllOwwBJOLsIr7dCsD37r3t41mgegozc7kq+GCwgp0CX42Q4le0C0flFWNlb0an/vVUOzooFwmoJmNECSN96guEPSGhSy1nFytkgxodu11wawlq1+uoVTrJFikhlRXG23HR5uBt1lV+qunUkt7spvy8+qrqqqrmYxWakksw3rtfDIjE7q/uDmHVpSF1BWVmZoCN6AyPNPAkNVLwdcWw9xqtsyqxynagbuvo4+ffOqtKKiGWqXntMbL5W5kQ+LCM4CEDqHfh+QeNB1SEttTwoSt0IJ/uARq0YOnT80dmH486fJ0Q/9/b292UVFF8XT1LALxJhOF7weuzADEcQUvewwtzuoeocjfczclmjujzpd86an+VRC2nHbBUJM5AqFQ2OIAbU+9PZk1CYMogTncIRK7OAKBHzUjI6O9ndW1czqf8hsh5elkbdikthpcy5erbfi7zahcf0oekjpijnr6tjgq7narlmbcwg6nm+gWMar5Kzp43YEdLitLyrZQoEAyvNubGZmggtkfaornxhcds0y3qiihwghh4whjakz4nnq88sxci1uedhehgvxeqnvu1dbbsajgu6jg8xciliivm+HoEQ51zWqDOYXwGJtjbeQLUACLjY0NDZ2pzmgdvhecifwmmv5cwqpn8tdpt+CEsKhPdW148JxwRdIyG9g77rtZYq21O49vs5x4ydaz7xranc8fewleppmzwvh4+LGYSkYjxOw2Q3dofMEFNLP5HPpXC642Hw29mtozddg5acwuk6/LrO+UTPxOQcEHbo6xHYlZ3pG1q2ebynFskzivlvfxl5ey+yz2NjGvDzFuhIzo4JaWdEC4CWJ3UPKHh7llvtabftb28ruext7nedac6nkwftprtggcl2jo1ktyctjukmmlvlo4sekjw/DY/VEa2SzM7iS6w3e+ywymeYE3vspVtdAieqTh571ejYoqa/8WNee2jVBhja7aeith0lOxAFdpF+wO+Veh8sXF3fxrOD9ZaoG2l5IN9VzKlFiv7kjf/Gq80CVaJdCdiDSzcic6/NEche3W9X5Wr4VGd5UQZaR949JVw1fndsrmjtuocynoo50piwtzwnzygom2h+XPAgq9V1thy6ANicxIkC/dZABz7q1tdDAK/RWUFizuam9aBl1D1A6Uij1RP+sNh6N2teaH3P7lqW5a/bDFYdwInJiv/GWYB9KOkUztrExT7nOzNIobKv5pr/NTG0I6Alro7b07BaV9BR4CZ++AafWndObzi6VWTg+oSN2+ZYUMUp6SiIdHGwVro9ubNy0XMYE/8VRTsBqySpgukFgLhqFqEtIXNosbWGH+/qbQWf/zr0gvlu3bt2SJd9LOdoT/vvlYW8HfXeYOMKBJXzr4+Qk/C+BMH8rin8A/Bof4kY+PtwAAAAASUVORK5CIIA=

source d'informationauteur d0mmmy

Leave a Reply

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *