canvas教程

IE9上,Canvas画图的有关问题

字号+ 作者:H5之家 来源:H5之家 2016-08-01 13:00 我要评论( )

IE9下,Canvas画图的问题 问题:在所有的浏览器中,画图的时候,连线均正常,就是在IE9下,不显示线条。如下图所示: IE9下: 其他浏览器中: 关键代码段:generateElement:function() { if(document.all) { varelement=document.createElement("v:line"); e

IE9下,Canvas画图的问题
问题:在所有的浏览器中,画图的时候,连线均正常,就是在IE9下,不显示线条。如下图所示:
IE9下:


其他浏览器中:


关键代码段:generateElement : function()
{
if(document.all)
{
var element = document.createElement("v:line");
element.style.position = 'absolute';
element.strokecolor="black";
element.strokeweight="1px";
element.innerHTML="<v:Stroke dashstyle='Solid'  endarrow='classic'/>";
element.style.zIndex = 10;

return element;
}

var element = document.createElement("div");
element.style.position = 'absolute';
element.style.fontSize = "1px";
element.style.zIndex = 10;
element.className = "svg-line";

return element;
}
请问诸位大神,在if (document.all) {}这段代码中,IE9下的line对象,该怎么写呢?IE9的Canvas是不完整的,需要打补丁.不知LZ是否用了骨骼的excanvas.js

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • html5canvas核心技术图形、动画与游戏开发源码

    html5canvas核心技术图形、动画与游戏开发源码

    2017-05-02 17:42

  • 打印html5中Canvas的方法

    打印html5中Canvas的方法

    2017-05-01 15:03

  • HTML5+Canvas调用手机拍照功能实现图片上传(下)

    HTML5+Canvas调用手机拍照功能实现图片上传(下)

    2017-04-30 17:00

  • 学习慕课网canvas倒计时实例笔记

    学习慕课网canvas倒计时实例笔记

    2017-04-30 14:01

网友点评