Questions tagged «image»

image标签用于与在源代码的上下文中图像的加载,格式化,保存,压缩和显示有关的问题。此标记还应用于使用各种图像库的帮助。有关特定图像格式的问题应包括这些格式的标签。如果问题与格式转换,处理等有关,请添加标签以提及。

6
如何在CSS中设置图像的最大宽度
在我的网站上,我想在新窗口中显示用户上传的具有特定大小(width: 600px)的图像。问题在于图像可能很大。因此,如果它们大于这些600px尺寸,我想调整它们的尺寸,并保留宽高比。 我尝试了max-widthCSS属性,但是它不起作用:图像的大小不变。 有什么办法解决这个问题? HTML: <div id="ImageContainerr"> <img src="DisplayImage.do?ad_id=${requestScope.advert.id}" class="Image" /> </div> CSS: img.Image { max-width: 100%;} div#ImageContainer { width: 600px; } 我也尝试max-width: 600px为图片设置,但是不起作用。图像是从Servlet传输的(存储在Tomcat的webapps文件夹外部)。

5
CSS:如何相对于父高设置图像大小?
我试图弄清楚如何调整图像的大小,以使其保持高宽比,但是要调整大小,直到图像的高度与包含div的高度匹配为止。我有这些非常大和很长的图像(屏幕快照),我想将它们放入200px宽,180px高的div中以进行显示,而无需手动调整图像大小。为使外观更好看,图像的侧面需要溢出并用包含的div隐藏。这是我到目前为止所拥有的: http://jsfiddle.net/f9krj/2/ 的HTML <a class="image_container" href="http://www.skintype.ca/assets/background-x_large.jpg"> <img src="http://www.skintype.ca/assets/background-x_large.jpg" alt="" /> </a> 的CSS a.image_container { background-color: #999; width: 200px; height: 180px; display: inline-block; overflow: hidden; } a.image_container img { width: 100%; } 如您所见,图像父容器上显示灰色,根本不显示灰色。为了完全填充该容器,宽度需要在两侧均等地溢出。这可能吗?是否也可以考虑太高的图像?
84 html  image  css 


3
在MVC 4中上载/显示图像
任何人都知道有关如何使用实体框架从数据库上载/显示图像的分步教程吗?我已经检查了代码片段,但是我仍然不清楚它是如何工作的。我没有代码,因为除了编写上传表单之外,我也迷路了。任何(我的意思是任何)帮助都将不胜感激。 在旁注中,为什么没有书籍涵盖这一主题?我同时拥有Pro ASP.NET MVC 4和Professional MVC4,他们没有提及它。

4
帧中的蒙版(裁剪)图像
有一个丰富的UI应用程序,我想在其中显示具有这样复杂形状的图像 现在我想要的是按照蒙版图像裁剪图像,实际上图像是动态的,可以从Camera或Gallery(正方形或矩形)导入,我希望该图像适合上面的布局框架 所以想知道我如何实现这一目标?任何想法/提示欢迎 背景框 蒙版 像这样

11
使用C#中的Bitmap对象查找图像格式
我正在加载图像文件硬盘驱动器的二进制字节,并将其加载到Bitmap对象中。如何从位图对象中找到图像类型[JPEG,PNG,BMP等]? 看起来微不足道。但是,无法弄清楚! 有替代方法吗? 感谢您的回应。 更新的正确解决方案: @CMS:感谢您的正确答复! 示例代码实现了这一点。 using (MemoryStream imageMemStream = new MemoryStream(fileData)) { using (Bitmap bitmap = new Bitmap(imageMemStream)) { ImageFormat imageFormat = bitmap.RawFormat; if (bitmap.RawFormat.Equals(System.Drawing.Imaging.ImageFormat.Jpeg)) //It's a JPEG; else if (bitmap.RawFormat.Equals(System.Drawing.Imaging.ImageFormat.Png)) //It's a PNG; } }
83 c#  .net  image 


6
如何在TextView文本中添加图像?
我在Google上四处搜索,发现该网站与我的网站类似,在其中如何在图片中包含图片TextView,例如“ hello my name is [image]”,答案是这样的: ImageSpan is = new ImageSpan(context, resId); text.setSpan(is, index, index + strLength, 0); 我想知道这段代码, 我应该在上下文中键入或做什么? 我应该对text.setSpan()导入或引用做些什么,还是将其保留为文本? 如果有人可以帮我解决这个问题,将不胜感激。
83 java  android  xml  image  textview 

2
Drawable-hdpi,Drawable-mdpi,Drawable-ldpi Android
我当时使用的是Android 1.5,但现在已移至最新版本。因此,Android 1.5中只有一个“可绘制”文件夹,但是现在有三个不同的文件夹用于在Android项目中存储图像。 我发现这三个文件夹的一些文章说 hdpi表示高dpi mdpi表示中等dpi ldpi表示低dpi 但是,这三个文件夹的确切用途是什么?何时应使用特定文件夹存储图像?
83 android  image 

10
如何在Javascript中缓存图像
我和我的朋友们在一个网站上工作,我们希望在其中缓存某些图像,以便将来更快地显示它们。我有两个主要问题: 您如何缓存图像? 图像被缓存后如何使用?(只是为了验证图像是否在页面A上缓存,可以从缓存中调用它以在页面B上使用它,对吗?) 此外,有可能设置时,图像的缓存版本将到期? 如果包括示例和/或进一步描述页面的链接,将不胜感激。 我们可以使用原始Javascript或jQuery版本。

12
SVG圆角
我有以下SVG: <svg> <g> <path id="k9ffd8001" d="M64.5 45.5 82.5 45.5 82.5 64.5 64.5 64.5 z" stroke="#808600" stroke-width="0" transform="rotate(0 0 0)" stroke-linecap="square" stroke-linejoin="round" fill-opacity="1" stroke-opacity="1" fill="#a0a700"></path> <path id="kb8000001" d="M64.5 45.5 82.5 45.5 82.5 64.5 64.5 64.5 z" stroke="#808600" stroke-width="0" transform="rotate(0 0 0)" stroke-linecap="square" stroke-linejoin="round" fill-opacity="1" stroke-opacity="1" fill="url(#k9ffb0001)"></path> </g> </svg> 运行代码段隐藏结果展开摘要 我希望得到一个类似CSSborder-top-right-radius和border-top-bottom-radius效果。 如何实现圆角效果?

12
将PDF转换为PNG
我正在尝试将PDF转换为PNG图像(至少是一个封面)。我已经用pdftk成功提取了PDF的第一页。我正在使用imagemagick进行转换: convert cover.pdf cover.png 这可以正常工作,但不幸的是cover.png是通过不正确呈现而来的(PDF中的某些alpha对象未正确呈现)。我知道ImageMagick使用GhostScript进行转换,如果我直接用gs进行转换,我可以得到所需的结果,但是我宁愿使用convert库,因为它具有我想利用的其他工具。 GhostScript中的此命令可完成所需的图像: gs -sDEVICE=pngalpha -sOutputFile=cover.png -r144 cover.pdf 我想知道是否有任何方法可以通过将参数传递给转换为GhostScript还是直接使用GhostScript进行调用?

9
从图像中删除白色背景并使其透明
我们试图在Mathematica中执行以下操作-RMagick从图像中删除白色背景并使其透明。 但是对于实际照片,它最终看起来很糟糕(就像图像周围有光晕)。 到目前为止,我们已经尝试过以下方法: unground0[img_] := With[{mask = ChanVeseBinarize[img, TargetColor->{1.,1.,1.}]}, Rasterize[SetAlphaChannel[img, ImageApply[1-#&, mask]], Background->None]]] 这是一个例子。 原始图片: 带有白色背景的图像被替换为没有背景(或者,出于演示目的,此处为粉红色背景): 有什么想法摆脱这种光环吗?调整诸如LevelPenalty之类的东西时,我只能以失去一些图像为代价来消除光环。 编辑:因此,我可以比较赏金的解决方案,请像上面那样构造您的解决方案,即一个名为unground-something的自包含函数,该函数获取图像并返回具有透明背景的图像。

9
在PHP中高效调整JPEG图像大小
在PHP中调整大图像大小的最有效方法是什么? 我目前正在使用GD函数imagecopyresampled来拍摄高分辨率图像,并干净地将其调整为可用于Web查看的尺寸(大约700像素宽乘700像素高)。 这对于较小(小于2 MB)的照片非常有用,并且整个调整大小操作在服务器上花费的时间不到一秒钟。但是,该网站最终将为摄影师提供服务,他们可能会上传最大10 MB的图像(或最大5000x4000像素的图像)。 对大图像执行这种大小调整操作往往会大大增加内存使用量(较大的图像可能会使脚本的内存使用量超过80 MB)。有什么方法可以使此调整大小操作更有效?我应该使用ImageMagick这样的备用图像库吗? 现在,调整大小代码看起来像这样 function makeThumbnail($sourcefile, $endfile, $thumbwidth, $thumbheight, $quality) { // Takes the sourcefile (path/to/image.jpg) and makes a thumbnail from it // and places it at endfile (path/to/thumb.jpg). // Load image and get image size. $img = imagecreatefromjpeg($sourcefile); $width = imagesx( $img ); $height = …
82 php  image  gd  jpeg 

9
调用转发到JSP的Servlet时,浏览器无法访问/查找CSS,图像和链接等相关资源
当我将servlet转发到JSP时,我在加载CSS和图像以及创建指向其他页面的链接时遇到了麻烦。具体而言,当我把我的<welcome-file>给index.jsp的CSS被加载并正在显示我的图片。但是,如果我把我的<welcome-file>给HomeServlet其控制推进到index.jsp,CSS中没有被应用,并且不显示我的图片。 我的CSS文件在中web/styles/default.css。 我的图像在web/images/。 我像这样链接到我的CSS: <link href="styles/default.css" rel="stylesheet" type="text/css" /> 我正在显示我的图像,如下所示: <img src="images/image1.png" alt="Image1" /> 这个问题是怎么引起的,我该如何解决? 更新1:我添加了应用程序的结构以及其他可能有用的信息。 该header.jsp文件是包含CSS链接标记的文件。该HomeServlet设置为我welcome-file在web.xml: <welcome-file-list> <welcome-file>HomeServlet</welcome-file> </welcome-file-list> Servlet声明和映射如下web.xml: <servlet> <servlet-name>HomeServlet</servlet-name> <servlet-class>com.brianblog.frontend.HomeServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>HomeServlet</servlet-name> <url-pattern>/</url-pattern> </servlet-mapping> 更新2:我终于找到了问题-我的servlet映射不正确。显然,在将Servlet设置为您的Servlet时,<welcome-file>它不能具有的URL模式/,我觉得这很奇怪,因为那不代表网站的根目录吗? 新的映射如下: <servlet-mapping> <servlet-name>HomeServlet</servlet-name> <url-pattern>/HomeServlet</url-pattern> </servlet-mapping>
82 css  image  jsp  servlets 

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.