草庐IT

bitmap_image

全部标签

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. 关

html - Bootstrap 封面模板 : where to place image?

这是一个完整的新手问题,但是:使用Bootstrap的covertemplate,我应该如何/在哪里插入背景图像以覆盖页面?我错过了什么?我尝试在模板中插入以下元素图像已显示,但未调整大小以填充视口(viewport)的尺寸。(或者我误解了这个模板的用途?) 最佳答案 根据应用背景图像的位置,背景看起来像是应用到body标签上。在这种情况下应用此CSS:body{background:url(images/bg.jpg)no-repeatcentercenterfixed;-webkit-background-size:cover;

html - CakePHP - 使用 $this->Html->link 和 $this->Html->image....生成 ascii 而不是实际的 HTML

我正在使用cakephp2.3.0。我在手册中搜索了很长时间,但没有找到答案。我正在尝试使用$this->Html->link以及$this->Html->image。我正在尝试创建单击图像的功能。关于为什么生成引号的ascii渲染有什么想法吗?这是我Viewctp中的代码片段代码集:echo$this->html->tableCells(array(array(array($this->Html->link($myActivity['Activity']['name'],array('controller'=>'users','action'=>'edit'),array('titl

html - Paypal 自动生成的 HTML 代码 : why the 1 pixel image?

如果您使用PayPal销售工具创建一个按钮,您会在填写了您要销售的特定产品的详细信息后看到自动生成的HTML。在这段生成的代码的底部是一段奇怪的HTML:这是做什么用的?它似乎没有任何作用,事实上,如果我删除它,脚本似乎仍然运行良好。 最佳答案 我认为TomGullen是对的,单像素图像用于跟踪目的。在尝试回答同一个问题时,我发现以下文章可能值得一读:http://en.wikipedia.org/wiki/Web_bug.特别是这部分:“最初,网络错误是嵌入在HTML页面中的小(通常为1×1像素)透明GIF或PNG图像(或与背景颜

html - 具有固定高度 : center image horizontally or vertically based on image dimensions 的 Bootstrap 旋转木马

我有一个高度固定的Bootstrap轮播。这是CSS:.carousel-custom.carousel-outer{position:relative;}@media(min-width:992px){.carousel-custom{margin-top:20px;.carousel-inner{height:auto;.item{height:500px;line-height:300px;}}}}@media(max-width:991px){.carousel-custom{margin-top:20px;.carousel-inner{height:auto;.item{h

javascript - 为什么 "new Image()"会立即触发网络请求,而 "createElement('脚本')”却不会?

我使用newImage()创建一个新的图像元素。当我设置'src'属性时,会立即触发网络请求。为什么?有没有解释它的文件?以下情况:案例1:varimg=newImage();img.src='http://someurl.png';案例2:varimgStr='';vardiv=document.createElement('div');div.innerHTML=imgStr;案例3:varscript=document.createElement('script');script.src='http://someurl.js';//document.body.appendChil

html - 你能为 svg "background-image"制作动画吗?

我想将svg-image水平和垂直居中以响应我的窗口。所以我决定将图像整合到一个div背景中。现在,当我想将stroke-dasharray和带有stroke-dashoffset的动画添加到我的svg时,它不起作用。是否可以为svg背景图像设置动画?svg-image只包含很多行。这是我的svg文件(有更多的行只有不同的x和y值):这是我的Html和Css文件:html,body{padding:0;margin:0;height:100%;width:100%;background-color:red;}.Container{position:relative;left:50%;t