草庐IT

image-optimization

全部标签

html - SVG <image> 元素渲染质量

我有一个SVGCanvas,用户可以选择和调整一些里面的元素。我用preserveAspectRatio="xMidYMidmeet"属性值以保持原始纵横比。原图来源多为256x256px尺寸。在Firefox和IE-11上,当我调整大小时将元素缩小到比其原始尺寸小,它们看起来像素化程度很高。在Chrome上,它们看起来非常流畅。我想知道是否有任何css或svg功能可以帮助我使它们在Firefox和IE上看起来更流畅。谢谢。编辑:添加示例..https://jsfiddle.net/p8km6nhc/7/[[VarlikId=3999]]3.Kat结果: 最

Android ACTION_IMAGE_CAPTURE Intent

我们正在尝试使用原生相机应用让用户拍摄一张新照片。如果我们省略EXTRA_OUTPUTextra并返回小的位图图像,它就可以正常工作。但是,如果我们在启动前对Intent进行putExtra(EXTRA_OUTPUT,...),则一切正常,直到您尝试点击相机应用程序中的“确定”按钮。“确定”按钮什么也不做。相机应用程序保持打开状态,没有任何锁定。我们可以取消它,但文件永远不会被写入。我们究竟需要做什么才能让ACTION_IMAGE_CAPTURE将拍摄的图片写入文件?编辑:这是通过MediaStore.ACTION_IMAGE_CAPTUREIntent完成的,只是为了清楚

Android ACTION_IMAGE_CAPTURE Intent

我们正在尝试使用原生相机应用让用户拍摄一张新照片。如果我们省略EXTRA_OUTPUTextra并返回小的位图图像,它就可以正常工作。但是,如果我们在启动前对Intent进行putExtra(EXTRA_OUTPUT,...),则一切正常,直到您尝试点击相机应用程序中的“确定”按钮。“确定”按钮什么也不做。相机应用程序保持打开状态,没有任何锁定。我们可以取消它,但文件永远不会被写入。我们究竟需要做什么才能让ACTION_IMAGE_CAPTURE将拍摄的图片写入文件?编辑:这是通过MediaStore.ACTION_IMAGE_CAPTUREIntent完成的,只是为了清楚

image - 如何将图像放在浏览器页面标题旁边的标签栏上?

这个问题在这里已经有了答案:ImageiconbesidethesiteURL(9个回答)关闭9年前。您好,我想知道如何在标签栏上放置一个图像,就像这个网站将其Logo放在标题左侧一样。如下图。

html - rails : How to convert <img src= > to image_tag in rails app

这是我在这里的第一篇文章,听起来可能非常愚蠢。我正在构建我的第一个Rails应用程序。我的index.html.erb中有这一行",style='height:50vw;width:100vw;margin-bottom:20px;'>我想使用image_tag而不是imgsrc将它包裹在代码中的正确方法是什么?到目前为止,我已经尝试了",style='height:50vw;width:100vw;margin-bottom:20px;')%>和"),style='height:50vw;width:100vw;margin-bottom:20px;'%>和许多其他版本,但似乎都不起

html - 背景尺寸 : cover not scaling image in div

我有四个大小相同的div,设置如下:每个都是页面宽度的50%,并且是绝对定位的。像这样,例如:#top-right{position:absolute;top:0px;left:50%;width:50%;height:50%;}问题是当我尝试通过CSS3封面缩放(大)背景图像时。这是我目前拥有的背景图片CSS:background:#000url('DSC01992.jpg')centercenterfixedno-repeat;background-size:cover;-moz-background-size:cover;-o-(etc.)这是一个活生生的例子:http://js

html - 响应式网页设计 : "How to resize a background image according to browser window size using CSS"?

我正在创建一个网站,我的所有产品图片都将根据浏览器窗口大小调整大小,所以我写了一些媒体查询,我使用了一张大图片并在不同的窗口大小中调整了它的大小但是我在背景中使用了一张图片,如何调整它的大小?我希望在IE7和8的所有浏览器中都支持它。HTMLCSSdiv{background:url("http://canadianneighborpharmacy.net/images/cnp/discount_20.png")no-repeatscroll00transparent;position:absolute;width:45px;height:45px;}我的实时代码在这里:-http:/

image - html5图片上传

我正在尝试用html5制作一个非常简单的图片uploader。我想做的就是在不使用PhP或任何东西的情况下显示上传的内容。我可以使用类似这样的代码吗?谢谢! 最佳答案 我找到了http://www.html5rocks.com/en/tutorials/file/dndfiles/很有帮助。如果你不想将图像推送到某个服务器(我从你的问题中假设这一点),你可以只在本地更新图像:.thumb{height:75px;border:1pxsolid#000;margin:10px5px00;}functionhandleFileSelec

javascript - Canvas2Image.js 通过元素点击将 base64 图像保存为 png

我正在取消canvas2Image.js插件:/**Canvas2Imagev0.1*Copyright(c)2008JacobSeidelin,jseidelin@nihilogic.dk*MITLicense[http://www.opensource.org/licenses/mit-license.php]*/varCanvas2Image=(function(){//checkifwehavecanvassupportvarbHasCanvas=false;varoCanvas=document.createElement("canvas");if(oCanvas.getCo

php - 数据 :image/gif;base64 Images Not Animated

似乎每当我尝试使用data:image/gif链接动画GIF时,它都不是动画的。这是我链接的内容:这只为我显示了图像的第一帧,它没有动画。知道为什么吗?这就是data:image/gif的工作原理吗?如果是这样,有没有办法让它动画化?我已经在Chrome和MicrosoftEdge上试过了,两者都给了我相同的结果。这是原图: 最佳答案 您的数据不包含整个原始文件。使用data:URIKitchen为了对原始图像进行编码,我们看到URI应该改为:哪个doesindeedanimate. 关