支持IE678的canvas

内容来自javascript权威指南一书，觉得挺有意思，摘录于此：

如果所实现的基于Canvas的应用程序必须支持IE678的话，（我觉得没有必要支持的，678在我看来很快就会退出历史舞台）

那么有两个选择。

1、ExplorerCanvas

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

地址：https://code.google.com/p/explorercanvas/

2、Google chrome Frame

它将IE引擎替换成Google Chrome浏览器的引擎

https://developers.google.com/chrome/chrome-frame/

不过，网站上显示：

Google Chrome Frame is no longer supported and retired as of February 25, 2014.

虽然以上提到的两种方法，可以让IE678支持canvas，但是我觉得没有这个必要。

时间： 2024-11-14 12:35:06

支持IE678的canvas的相关文章

让IE8支持HTML5及canvas功能！

微软出的IE9支持HTML5,但因为不支持XP系统,暂时我还用不了. 即使能用,现阶段如果开发HTML5页面,并考虑到兼容性问题的话,恐怕也得让自己的界面支持IE6-8吧. 首先,需要让IE支持HTML5标签.这个简单,随便在网上搜一下就能找到.下载一个html5.js,并拷贝到自己的目录里就可以了. 现在写一段简单代码,其功能是在页面上放置一个canvas,并画一个红色圆圈. 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transition

html5 Canvas绘制图形入门详解

html5,这个应该就不需要多作介绍了,只要是开发人员应该都不会陌生.html5是「新兴」的网页技术标准,目前,除IE8及其以下版本的IE浏览器之外,几乎所有主流浏览器(FireFox.Chrome.Opera.Safari.IE9+)都已经开始支持html5了.除此之外,在移动浏览器市场上,众多的移动浏览器也纷纷展开关于「html5的支持能力以及性能表现」的军备竞赛.html作为革命性的网页技术标准,再加上众多浏览器厂商或组织的鼎力支持,可以想见,html5将会成为未来网页技术的领头羊. ht

HTML5 canvas 绘制精美的图形

HTML5 是一个新兴标准,它正在以越来越快的速度替代久经考验的 HTML4.HTML5 是一个 W3C “工作草案” — 意味着它仍然处于开发阶段 — 它包含丰富的元素和属性,它们都支持现行的 HTML 4.01 版本规范.它还引入了几个新元素和属性,它们适用许多使用 web 页面的领域 — 音频.视频.图形.数据存储.内容呈现,等等.本文主要关注图形方面的增强:canvas. 新的 HTML5 canvas 是一个原生 HTML 绘图簿,用于 JavaScript 代码,不使用第三方工具.跨

canvas 动态飞速旋转的矩形

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>变形</title> <script type="text/javascr

三天学会HTML5——SVG和Canvas的使用

在第一天学习了HTML5的一些非常重要的基本知识,今天将进行更深层学习 首先来回顾第一天学习的内容,第一天学习了新标签,新控件,验证功能,应用缓存等内容. 第2天将学习如何使用Canvas 和使用SVG 实现功能 Lab1—— 使用Canvas Canvas 是指定了长度和宽度的矩形画布,我们将使用新的HTML5 JavaScript,可使用HTML5 JS API 来画出各种图形. 初始化 1. 创建HTML页面 <html> <head></head> <bo

canvas 平移&amp;缩放

1.平移 canvas其实只是一个包装器,真正起着重要作用的部分是2D渲染上下文,这才是我们真正绘制图形的地方. 然而2D渲染上下文是一种基于屏幕的标准绘制平台.它采用屏幕的笛卡尔坐标系统,以左上角(0,0)坐标为原点. 向右移动时x的坐标值增加,向下移动时y的坐标值增加. 好了了解了坐标系统之后,咱们就可以尽情的移动处理图形的位置了! 平移,也就是参照2D渲染上下文的原点(0,0),将图形从一个坐标点移动到另一个坐标点的过程! 使用方法:translate(x,y) 两个参数分别以原点为坐标

canvas学习绘制渐变色

1.createLinearGradient() 创建线性渐变 //Linear adj. 直线的 线性的 //Gradient n. 梯度 变化率 createLinearGradient(x1,y1,x2,y2)--颜色渐变的起始坐标和终点坐标 addColorStop(位置,"颜色值")--0表示起点...插入点...1表示终点,配置颜色停止点 <!DOCTYPE html><html lang="en"><head> &l

canvas学习绘制文字

1.文字的绘制方法 strokeText("文字",x,y,maxWith)  绘制(描边)空心文字 fillText("文字",x,y,maxWith) 绘制实心 字体样式 font(大小 字体 ...) <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</tit

SVG 与 Canvas：如何选择

SVG 与 Canvas:如何选择 61(共 69)对本文的评价是有帮助 - 评价此主题 本主题一开始将对 SVG 与 Canvas 进行简要比较,接下来会讨论大量的比较代码示例,如光线跟踪和绿屏. 注意  为了查看本主题中包含的很多示例,你必须使用支持 SVG 和 Canvas 元素的浏览器(如 Windows Internet Explorer 9). 简介 矢量图形 矢量图形方案的简要概述 专业设计器和使用工具 HTML5 图形技术 技术简介 何时使用 <canvas>.何时使用 SVG