文章/答案/技术大牛

发布

社区首页 >问答首页 >excanvas绘图图像在IE8上不工作

问excanvas绘图图像在IE8上不工作
EN

Stack Overflow用户

提问于 2013-04-04 16:08:05

回答 1查看 807关注 0票数 2

嗨，我设法使excanvas在IE8中为简单的示例工作，但是我无法制作下面的画布示例，其中包含IE8的绘图图像工作。有没有人有过超能力和绘画的经验。谢谢你的帮助..。

var foo = document.getElementById("foo");
var canvas = document.createElement('canvas');`

canvas.setAttribute("width", 300);

canvas.setAttribute("height", 300);

foo.appendChild(canvas);

canvas= G_vmlCanvasManager.initElement(canvas);

var ctx = canvas.getContext('2d');

ctx.save();

             `ctx.clearRect( 0, 0, canvas.width, canvas.height );`

             `ctx.translate( canvas.width/2 , canvas.height/2 );`

             `ctx.drawImage( image, -165, -160 );`

             `ctx.rotate( 100 * Math.PI / 180);`

             `ctx.drawImage( image2, -13, -121.5 );`

             `ctx.restore();`

image1.src = 'img.png';
image2.src = 'img2.png';

excanvas

javascript

canvas

internet-explorer-8

html5-canvas

回答 1

Stack Overflow用户

发布于 2016-08-24 15:37:15

使用测试用例隔离drawImage：

<!DOCTYPE html>
<html>
<head>
<title>Overflow Test</title>
<style>
body {
  text-align: center
}
</style>
<!--[if IE]><script src="https://cdnjs.cloudflare.com/ajax/libs/flot/0.8.3/excanvas.js"></script><![endif]-->
<script>
window.onload = function() {
  var ctx = document.getElementById('c').getContext('2d');
  var img = document.images[0];
  ctx.rotate(Math.PI / 8);
  ctx.drawImage(img, 50, 50);
  img.style.display = 'none';
};
</script>
</head>
<body>

<img src="http://opera.com/favicon.ico">

<canvas id="c" width="200" height="200"></canvas>

</body>
</html>

参考资料

资源管理器画布测试用例: drawimage.html

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/15816263

复制

相似问题

问excanvas绘图图像在IE8上不工作
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问excanvas绘图图像在IE8上不工作EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问excanvas绘图图像在IE8上不工作
EN