Flash HTML5可调整大小的网站

Flash HTML5可调整大小的网站,flash,html,canvas,resize,Flash,Html,Canvas,Resize,我正试图建立一个网站,看起来相同(或至少非常相似),即使有不同的决议。我知道用AdobeFlash做这件事很简单,但我正试图进入整个“HTML5场景”,所以我想我可以尝试不用Flash来构建它 我知道我可以调整画布的大小以适应浏览器的窗口,但是我也可以调整图片、文本和其他放置在画布中的HTML结构的大小吗?像s、s、s或图像 我还将在网站内部制作很多动画,所以我想我可以先问你们,你们认为仅仅使用HTML5(画布)是可行的,还是我应该使用Flash来代替 我知道这不是标准的“帮助我调试这个”帮助帖

我正试图建立一个网站,看起来相同(或至少非常相似),即使有不同的决议。我知道用AdobeFlash做这件事很简单,但我正试图进入整个“HTML5场景”,所以我想我可以尝试不用Flash来构建它

我知道我可以调整画布的大小以适应浏览器的窗口,但是我也可以调整图片、文本和其他放置在画布中的HTML结构的大小吗?像s、s、s或图像

我还将在网站内部制作很多动画,所以我想我可以先问你们,你们认为仅仅使用HTML5(画布)是可行的,还是我应该使用Flash来代替

我知道这不是标准的“帮助我调试这个”帮助帖子,但如果你们能分享一些知识,它将真正帮助我


提前感谢。

因为这不是一个直接的问题,我觉得没有义务给出一个直接的答案,但最近我自己也在研究这个问题,因为HTML5的宣传太多了。虽然这有点离题,泰德·帕特里克最近来我的工作是宣传sencha touch和Ext.js,这正是他目前的工作对象,但不管怎样,这让我有点沮丧,因为我自己进入Flex时读过一些泰德关于Flex的帖子。不管怎样,撇开悲伤的故事不谈,以下是一些有帮助的资源:

http://www.htmlfivewow.com

我自己还没有使用ProcessingJS,但我过去曾使用Processing本身对从Arduino读取的串行数据进行数据可视化(基于传感器输入,再次脱离主题),而Processing本身在绘图方面与Flash非常接近:

我认为如果你想快速完成这项工作,你可能只需要依靠你目前的技能。如果您不担心快速推出,请花些时间研究更多HTML5/Javascript/CSS3工具/框架/结构/书籍。老实说,HTML5本身在我看来是零,主要的变化是CSS3在转换方面的变化,DOM对象在新的Canvas WebGL WebSockets等方面的变化。问题是不是每个浏览器都以相同的方式实现这些新规则(类似于HTML4和之前的版本)因此,仍然需要对浏览器进行一些检查,并进行必要的回退。就HTML5本身而言,从我所读到的内容来看,基本上是对现有网站的id属性进行了扫描,而当时非常流行的DIV id现在已经成为他们自己的标签,主要是为了搜索引擎、屏幕阅读器、,以及其他可以利用理解页面各部分背后的含义(语义)的技术。这允许它做的另一件事是处理诸如本地化时间戳之类的事情。从我所看到的演示中,我毫不怀疑,使用HTML5和javascript即使不能获得更好的效果,也可以获得类似的效果。不过,就像使用AS3编写web应用程序一样,不使用Flex或任何其他框架,您的工作也会很轻松

还有一些需要注意的潜在陷阱:

  • 必须编写特定于浏览器的代码(也称为浪费时间)

  • 性能并不像应该的那么好,因为闪光灯上的负光照量与性能有关。我见过一些简单的HTML5示例,它们运行起来就像垃圾一样,甚至使用Google chrome,Google chrome拥有最好的javascript虚拟机V8,并使用Web工具包(与Safari相同的HTML呈现引擎,但版本不同)。就运行时性能而言,不使用Javascript比AS3差,但它并不是一个万能的锤子,即使你把它交给猴子(假设猴子没有受过使用锤子的训练)

  • 小心视频编解码器问题/跨浏览器的兼容性(如果您处理的是视频内容)

  • 在开始使用服务器端技术之前,先探索一下您的选择(这不是一个真正的陷阱,但如果您不采纳建议,可能会失败)。Node.js似乎是一个很有前途的选择(我不相信它对胆小的人来说一定足够健壮,但是如果你喜欢编写代码并看到一切都在进行中,这是一种用单一语言保存一切的好方法……某种程度上),或者你可以使用AMF到js转换器继续使用BlazeDS。也知道使用JSON代替AMF3系列化引入额外的超额,在我们所居住的高带宽世界中,这不是什么大不了的事情,但是考虑到不断增长的移动世界(和移动的移动网络),这是值得考虑的。(公平地说,在这一点上,Goip Pojo JSON,不管它是什么样的,似乎与AMF3几乎一致)。