【基础知识】HTML5 Canvas 让老版本IE6、IE7、IE8支持Canvas的两种方法（链接）

最新推荐文章于 2019-09-29 15:41:34 发布
最新推荐文章于 2019-09-29 15:41:34 发布
阅读量883 收藏 1
点赞数
分类专栏： Canvas系列教程(从入门到精通)【详细解读】 文章标签： IE IE6 IE7 IE8 canvas
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/HuoYiHengYuan/article/details/99710962
版权

我的处女作《Canvas系列教程》在我的Github上正在连载更新，希望能得到您的关注和支持，让我有更多的动力进行创作。

教程介绍、教程目录等能在README里查阅。

传送门：https://github.com/827652549/CanvasStudy

需求

如果所实现的Canvas的应用程序必须支持IE6、IE7、IE8时，有两个选择。

explorecanvas

它可以在老版本的IE浏览器中增加对Canvas的支持。

https://github.com/arv/explorercanvas

只需要导入这个js包

<!--[if lte IE 8]><script type="text/javascript" src="excanvas.js"></script><![endif]-->

Google Chrome Frame

它可以将IE引擎替换成Google Chorme浏览器引擎。替换完成之后，不仅能支持Canvas了，剩下的谷歌引擎能支持的特性也都能支持了。

https://www.chromium.org/developers/how-tos/chrome-frame-getting-started

苏一恒
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
让ie6,7,8支持canvas,css3等主流html5技术
04-20
NULL 博文链接：https://nannan408.iteye.com/blog/1888657
IE11下使用canvas.toDataURL报SecurityError错误的解决方法
08-28
主要给大家介绍了关于在IE11下使用canvas.toDataURL报SecurityError错误的解决方法，文中通过示例代码介绍的非常详细，对同样遇到这个问题的朋友们具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。
html5 Canvas画图教程(8)—canvas里画曲线之bezierCurveTo方法
01-21
前面的文章我已经讲了3种在canvas中画曲线的方法：arc,arcTo以及quadraticCurveTo.他们都有一个共同点，就是他们画的曲线都只能偏向一边，今天讲的bezierCurveTo与他们最大的不同点就是有两个控制点，即可以画出S形的曲线了。 bezierCurveTo，也就是所谓的贝赛尔曲线了，如果你学过某些画图工具，就能马上理解。 bezierCurveTo的语法如下： ctx.bezierCurveTo(x1,y1,x2,y2,x,y);他的参数我照例解释一下，其中的（x1,y1）即控制点1的坐标，（x2,y2）是控制点2的坐标，(x,y)是他的终点坐标。和quadrat
用于各个浏览器（IE）html2canvas不工作解决方案
10-15
用于各个浏览器（IE）html2canvas不工作解决方案 html2canvas在火狐、Chrome等浏览器好用，但是IE浏览器无效，导入这个js后就OK啦
canvas--IE8.zip
06-01
IE8支持HTML5及canvas功能！
有趣的Javascript：只需一个JS让万恶的IE5、IE6、IE7、IE8全都支持H5原生Canvas绘图（有演示demo）...
weixin_30512089的博客
02-11 497
该demo支持IE5以上任意内核的浏览器查看演示demo：支持IE5以上版本的浏览器Canvas绘图demo补充：chats.js和echarts等图表库也可以使用本方法兼容IE6以上浏览器1、引入excanvas.js只需要引入一个js即可让IE5+支持Canvas绘图API<!--[if lte IE 8]><script type="tex...
如何在IE6、IE7、IE8中使用HTML5 canvas
lzf0514的专栏
10-14 269
在网页中引入excanvas.compiled.js即可。 参见：http://www.webkrunk.com/2010/05/12/how-to-use-html5-canvas-with-ie6-ie7-and-ie8/
canvas的IE6.0下的实现
yazhouren的专栏
02-17 1562
原文地址：http://www.cnblogs.com/libinqq/archive/2009/01/08/1371676.html 首先，HTML 5 有了画布元素功能，但是由于IE 系列浏览器不支持此元素， 使得强大的绘图能力不能够公用， Google  在2006年 推出了 excanvas.js  扩展兼容包， 只要页面引用了excanvas.js IE浏览器就可以支持画布元素。
canvas在IE上的兼容问题
热门推荐
beny
09-08 2万+
引用:Canvas 教程  https://developer.mozilla.org/en/Canvas_tutorial canvas是html5新增加的元素，IE 从 IE9 开始支持 canvas，IE8及以下不支持HTML5, 但是ExplorerCanvas库(http://excanvas.sourceforge.net/)调用IE内部功能提供了几乎相同的API. Ex
canvasforIE，解决IE对canvas的兼容问题
08-07
canvas是css3的新特性，但是IE不支持canvas，所以我们需要用到excanvas.js来解决IE的兼容问题
让canvas支持低版本IE
09-16
让canvas支持低版本IE，实现完美兼容I6，IE7，IE8
让IE兼容 HTML5的canvas标签
09-16
让IE兼容 HTML5的canvas标签 excanvas的文件
【基础知识】HTML5 Canvas API的toBlob()的使用（代码示例）
苏一恒
08-16 1万+
我的处女作《Canvas系列教程》在我的Github上正在连载更新，希望能得到您的关注和支持，让我有更多的动力进行创作。 教程介绍、教程目录等能在README里查阅。 传送门：https://github.com/827652549/CanvasStudy HTMLCanvasElement.toBlob()方法创造Blob对象，用以展示canvas上的图片；这个图片文件可以被缓存或保...
【文本】HTML5 Canvas设置字型属性(font-style、font-variant、font-weight、font-size、line-height、font-family)
苏一恒
09-29 7969
我的处女作《Canvas系列教程》在我的Github上正在连载更新，希望能得到您的关注和支持，让我有更多的动力进行创作。 教程介绍、教程目录等能在README里查阅。 传送门：https://github.com/827652549/CanvasStudy 介绍 在Canvas中，可以通过绘图环境对象的font属性设置文本所采用的字型。该属性是一个CSS3格式的字型字符串，各个分量如下...
【绘制】HTML5 Canvas绘制坐标轴（图文、示例）
苏一恒
08-30 6207
我的处女作《Canvas系列教程》在我的Github上正在连载更新，希望能得到您的关注和支持，让我有更多的动力进行创作。 教程介绍、教程目录等能在README里查阅。 传送门：https://github.com/827652549/CanvasStudy 介绍 使用Canvas绘制具有x，y轴的直角坐标轴，并在轴上绘制相应的刻度条。 演示 在线演示 代码教程 通过常量来计...
【绘制】HTML5 Canvas 中路径(path)、描边(stroke)与填充(fill)详细介绍(图文、代码示例)
苏一恒
08-28 6017
我的处女作《Canvas系列教程》在我的Github上正在连载更新，希望能得到您的关注和支持，让我有更多的动力进行创作。 教程介绍、教程目录等能在README里查阅。 传送门：https://github.com/827652549/CanvasStudy 目录 引入 案例 介绍 在线演示 效果图 代码 路径 子路径 填充路径中的“非零环绕规则” “非零环绕规...
【绘制】HTML5 Canvas 绘画画板，实现鼠标画线条，画矩形或选区（图文、示例）
苏一恒
09-01 5996
我的处女作《Canvas系列教程》在我的Github上正在连载更新，希望能得到您的关注和支持，让我有更多的动力进行创作。 教程介绍、教程目录等能在README里查阅。 传送门：https://github.com/827652549/CanvasStudy 目录 介绍 思路 画直线 画矩形选区 其他事项 项目演示 画直线 画矩形选区 代码解读 拖拽时发生的事情 ...
【基础知识】HTML5 Canvas 打印Canvas的内容(实现+进阶)
苏一恒
08-22 5699
我的处女作《Canvas系列教程》在我的Github上正在连载更新，希望能得到您的关注和支持，让我有更多的动力进行创作。 教程介绍、教程目录等能在README里查阅。 传送门：https://github.com/827652549/CanvasStudy 目录 引子 初级阶段 思路 实现效果 结果 核心代码 进阶阶段 反思 分析 原理 实现效果 核心代码 ...
canvas需要gpu_提高HTML5 canvas性能的几种方法
最新发布
05-20
HTML5 Canvas 是一种在网页上绘制图形的技术，它可以用于创建游戏、动画、数据可视化和其他类型的交互式应用程序。为了提高 Canvas 的性能，可以采取以下几种方法： 1. 减少绘制区域：如果只需要在 Canvas 上绘制一小部分内容，就不必将整个 Canvas 都绘制一遍。可以使用 clip() 方法来裁剪绘制区域，只绘制需要的部分。 2. 缓存 Canvas：如果 Canvas 中的图形不经常变化，可以将其绘制到一个离屏 Canvas 上，然后将其作为一个单独的图像复制到主 Canvas 中。这样可以减少绘制次数，提高性能。 3. 使用 requestAnimationFrame() 方法：使用该方法可以让浏览器在下一次重绘之前调用指定的函数，以此来实现动画效果。该方法会自动根据浏览器的帧率调整动画的速度，从而提高性能。 4. 使用硬件加速：如果浏览器支持硬件加速，可以将 Canvas 绘制到一个支持硬件加速的图层上。可以使用 CSS 属性 transform: translateZ(0) 或者 perspective(1000px) 来强制开启硬件加速。 5. 使用 web workers：如果需要进行复杂的计算或者处理大量数据，可以将这些操作放在一个 web worker 中，以此来减少主线程的负担，提高性能。 总的来说，提高 Canvas 性能的关键是减少绘制次数和减少 CPU 的负担。通过上述方法，可以有效地提高 Canvas 的性能。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值