祈祷幸福
- 浏览: 36716 次
- 性别:
- 来自: 成都
-
最新评论
-
bigbone：
建议楼主把文章删除，这么白痴的解决方案。
canvas的getImageData引起的浏览器安全错误 -
601046124：
这么白痴的解决办法 你也好意思拿出来写？
canvas的getImageData引起的浏览器安全错误 -
cuixiping：
原来还有这个差别，记号了。
初学canvas，发现浏览器渲染效果差异 -
06wj：
drawImage时就已经报错了，restore语句就不会执行 ...
发现一个会导致HTML5 canvas的save和restore失效的情况
文章列表
这个原因是其他地方没有发现的。
由于本人的iframe用jquery动态加载页面的，触发事件的标签是a，网上说的什么只能用button或者什么onclick事件原因之类的都不能解决我的问题。。
很巧合的，动态加载的几个页面里，一部分能每次都正确加载出来，而一部分却不能。于是我找了下他们的差别，发现了原因。
DD_belatedPNG.js导致的！元素使用这个库函数之后之后，页面就消失了！元素被作用之前页面是会显示出来的，当然，没有这个库页面是正常显示出来的！
只是本人js不算好，看源码也不能理解是哪个环节出错，猜想可能是在页面重新渲染元素的时候导致了一定的问题，这个可能又涉及到ifram ...
/*------------------ITEYE 祈祷幸福(http://qidaoxingfu.iteye.com)原创 转载请注明-----------------*/
效果如图。Ps、背景线条是背景图勒，和本文效果无关。。。
html代码如下：
<div class="content">
<h3 title="专业技能">专业技能</h3>
<div class="next"><!--其他内容--></div>
</div> ...
今天写代码出了一点bug，结果是canvas的save和restore失效。
ctx.save();
ctx.translate(pos_.x(), pos_.y());
ctx.rotate(angle_);
ctx.drawImage(image_, -width_ / 2, -height_ / 2, width_, height_);
ctx.restore();
检查了半天也没看出save和restore哪里有问题。最后发现问题根本不在这里。
原因是image_对象出错，不能被正确读取。修改了bug之后， ...
/*----------------------------------IT EYE祈祷幸福原创，转载请注明---------------------------------*/
不是属于技术问题讨论勒，所以还是直接贴图吧~~当然，如果细节画法不太清楚可以留言喔。。
ps、顺便说下还没解决的问题：
这个图片是在opera下抓的，chrome和firefox下，是有问题的。
主要原因是因为字体是华康少女字体W6，而这个字体是中文名字的。
font属性中，我是直接用这个中文名字设置的。
查了很多资料，没有找到对应的英文字体，也没有找到解决中文名字字体的其他可用写法，所以导致了在firef ...
/*-----------------------------------------IT EYE 祈祷幸福原创，转载请注明。-----------------------------------------*/
今天用canvas的图片数据获取函数：getImageData
var img = new Image();
img.onload = function(){
ctx.drawImage(img, 10, 10);
var imagedata = ctx.getImageData(10, 10, 200, 200);
ctx.putImageData(image ...
/*------------------------------ITEYE 祈祷幸福原创，转载请注明。------------------------------*/
嗯 简单在canvas上画了些圆和矩形以及文字，然后发现3个浏览器的渲染效果差异：
同样都是半径75px的圆和一样的30px文字：
chrome(版本13)：最差的。
锯齿很明显，这是偶第一次发现chrome还有倒数第一的情况。。有种换浏览器的冲动。。。T_T
看到空心的e你就懂了。。
opera(版本11)：效果中等。
锯齿是处理过的，不过细看还是有的。
同上，看到空心的e你就懂了。。
fire ...
/*-----------------------ITEYE 祈祷幸福博客原创，转载请注明。-------------------*/
第一次认真写技术博客文~~~若有不严谨的地方，望指正。
今天是第一天认真开始学canvas，书上网上写的还是蛮简单的，结果一写代码，遇到了一些细节细节问题，分享一下自己总结的吧。
问题一：内部样式表重置canvas的width和height，图形显示不正确
首先，canvas默认的width是150px，height是300px。不要小看这个简单的设置，我就栽了跟头：
我看的初学pdf是canvas tutorial，上面的例子代码是这样的：
...