xidaojia 2015-12-05 11:32 采纳率: 0%
浏览 1868
已采纳

在canvas中图片旋转的问题

在canvas中插入图片,当点击右箭头时,图片顺时针旋转90°,但是点击时没有效果,到底哪里错了,请各位老师指教,非常谢谢!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



无标题文档 body{ background:black; } window.onload = function() { var aInput = document.getElementsByName("input"); var oImg = document.getElementById("img1"); var yImg = new Image(); var iNow = 0; yImg.onload = function() { draw(oImg); } yImg.src = oImg.src; function draw(obj) { var oC = document.createElement("canvas"); var oGC = oC.getContext('2d'); oC.width = obj.width; oC.height = obj.height; obj.parentNode.replaceChild(oC,obj); oGC.drawImage(obj,0,0); aInput[1].onclick = function() { iNow++; toChange(); } function toChange() { switch(iNow) { case 1: oC.width = obj.height; oC.height = obj.width; oGC.rotate(90*Math.PI/180); oGC.drawImage(obj,0,-obj.height); break; } } } }




  • 写回答

3条回答 默认 最新

  • devmiao 2015-12-05 11:35
    关注
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

悬赏问题

  • ¥15 求差集那个函数有问题,有无佬可以解决
  • ¥15 【提问】基于Invest的水源涵养
  • ¥20 微信网友居然可以通过vx号找到我绑的手机号
  • ¥15 寻一个支付宝扫码远程授权登录的软件助手app
  • ¥15 解riccati方程组
  • ¥15 display:none;样式在嵌套结构中的已设置了display样式的元素上不起作用?
  • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
  • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决
  • ¥50 树莓派安卓APK系统签名
  • ¥65 汇编语言除法溢出问题