我想将Base64编码的PNG图像加载到canvas元素.我有这个代码:
<html>
<head>
</head>
<body>
<canvas id="c"></canvas>
<script type="text/javascript">
var canvas = document.getElementById("c");
var ctx = canvas.getContext("2d");
data = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAIAAAACDbGyAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oMCRUiMrIBQVkAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAADElEQVQI12NgoC4AAABQAAEiE+h1AAAAAElFTkSuQmCC";
ctx.drawImage(data, 0, 0);
</script>
</body>
</html>
在Chrome 8中,我收到错误消息: Uncaught TypeError: Type error
在Firefox的Firebug中:"对象的类型与对象关联的参数的预期类型不兼容"代码:"17"
在那个base64中是我在GIMP中制作的5x5px黑色PNG方块,并在GNU/Linux程序base64中将其转换为base64.
我正在尝试将PDF转换为PNG图像(至少是一个封面).我用pdftk成功地提取了PDF的第一页.我正在使用imagemagick进行转换:
convert cover.pdf cover.png
这很有效,但不幸的是,cover.png通过错误渲染(PDF中的某些alpha对象无法正确呈现).我知道ImageMagick使用GhostScript进行转换,如果我直接使用gs我可以得到所需的结果,但我宁愿使用转换库,因为它有其他我想要利用的工具.
GhostScript中的此命令可完成所需的图像:
gs -sDEVICE=pngalpha -sOutputFile=cover.png -r144 cover.pdf
我想知道有没有办法通过转换为GhostScript传递参数,还是我坚持直接调用GhostScript？
我遇到透明PNG图像的问题,在图像的非透明部分的边缘周围显示黑色抖动像素伪像.它只能在Internet Explorer中执行此操作,并且只能从它使用的Javascript文件中执行此操作.
这就是我所说的......
http://70.86.157.71/test/test3.htm(现在链接死了)......注意右下角的那个女孩.她在IE8中有她周围的文物(我没有在IE的早期版本中测试它,但我假设它可能会做同样的事情).它在Firefox和Chrome中完美运行.图像从Javascript文件加载以产生鼠标悬停效果.
如果你自己加载图像,它工作正常.这是图像......
http://70.86.157.71/test/consultant2.png
如何解决这个问题？
该图像是在Photoshop CS3中生成的.
我已经阅读了关于删除Gama的内容,但显然是在以前版本的Photoshop中,当我在TweakPNG中加载它时,它没有Gama.
javascript internet-explorer png iepngfix internet-explorer-8
作为一般的经验法则,如果将gif交错,png交错和jpeg渐进是合适的吗？
特别是在网络上发布图像时.
当我尝试打开我的jpg文件时,为什么会收到消息"不是JPEG文件:以0x89 0x50开头"？
我已经做了很长一段时间的Web开发人员,我习惯将我的所有设计转换为png文件格式,以便构建我的网页.尽管与jpg相反,png允许图像透明,但这是一个更好的解决方案吗？
问题涉及页面加载时间和最佳网页设计实践,以及文件大小与图像质量的关系.
您认为最佳解决方案是什么？
我想知道png文件的用法.png图像有两种格式; 一个是png8,另一个是png24.
我想知道如果我在我的html页面中使用任何一种类型,会有任何错误吗？或者这只是质量问题？
我正在构建一个使用大量图像的应用程序,因此它变得非常大.我在PNG图像中获得了超过15mb,如果我将这些图像转换为JPG,我将获得5MB或更少!那么,为什么我应该使用PNG而不是JPG呢？
我知道PNG是首选,但是JPG会失去什么？
编辑:谢谢大家!
请注意:既然我得到了答案并且证明我需要在大多数文件中使用PNG,我发现该网站http://tinypng.org/,这对我帮助很大.我的15mb图像现在是7mb.所以,如果有人和我一样,我希望它有所帮助!
我想将SVG图像转换为具有透明背景和抗锯齿边缘的PNG文件(使用半透明像素).不幸的是,我不能让ImageMagick做抗锯齿,边缘总是看起来很糟糕.这是我试过的:
convert +antialias -background transparent in.svg -resize 25x25 out.png
我可以使用任何想法或不同的命令行工具？
png ×10
image ×5
jpeg ×4
imagemagick ×2
android ×1
base64 ×1
canvas ×1
corruption ×1
css ×1
ghostscript ×1
gif ×1
html ×1
html5 ×1
iepngfix ×1
inkscape ×1
interlacing ×1
javascript ×1
pdf ×1
png-24 ×1
png-8 ×1
svg ×1
web ×1