新图片主题的文章列表，还有新图片的技术要点_第87页

Jquery图片放大镜

一般在“在线商城、电子商务、企业产品介绍”等地方经常会看到一些图片放大镜的功能，而做这个功能一般是会用一个js包——enlarge.js(这是jquery图片放大镜的插件)。Enlarge是一个基于jQuery的插件，可以非常方便地实现...

代码星球 ·2020-04-09

解决IE6下png图片不透明

ie6着实是非常让人讨厌，显示一张图片，也要带着灰白色的背景色，一张好好的png图片就这么不透明了。用n多中网上的方式，差点成功的就还有这个了 _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='yo...

代码星球 ·2020-04-09

Android之.9图片原理解析

本身是.9.png的资源，但是在修改过程中你希望这张.9.png不能被拉伸（在做皮肤的情况中有可能会遇到），那怎么办呢？只要把拉伸区域的点点在透明像素的地方就可以了，这样拉伸的时候会拉伸透明部分的像素，而不会拉伸图像本身。如下图:大家可以看到拉伸区域的黑点是可以不连续的。来自为知笔记(Wiz)...

代码星球 ·2020-04-09

Vue项目打包后背景图片路径错误

vue项目打包之后背景图片出错的解决方案如下： 1，找到config->index.js里面，如下修改默认配置：　　env:require('./prod.env'),　　index:path.resolve(__dirname,'../dist/index.html'),　　assetsR...

代码星球 ·2020-04-08

PHP给图片加文字水印

<?php/*给图片加文字水印的方法*/$dst_path='http://f4.topitme.com/4/15/11/1166351597fe111154l.jpg';$dst=imagecreatefromstring(file_get_contents($dst_path));/*imagecreatef...

代码星球 ·2020-04-08

2016年5月30日上午（传智Bootstrap笔记六（图片样式））

　　为了给段落添加强调文本，则可以添加class="lead"，这将得到更大更粗、行高更高的文本，如下面实例所示：<body><hr><h2>引导主体副本</h2><pclass="lead">这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的...

代码星球 ·2020-04-08

浅谈CSS图片base64编码技术

（1）引言　　图片处理在前端工作中可谓占据了很重要的一壁江山。而图片的base64编码可能相对一些人而言比较陌生，本文不是从纯技术的角度去讨论图片的base64编码。标题略大，不过只是希望通过一些浅显的论述，让你知道什么是图片的base64编码，为什么我们要用它，我们如何使用并且方便的使用它，并让你懂得如何去在前端的实...

代码星球 ·2020-04-08

webpack4+（图片处理、打包文件分类、打包多页应用）

（1）图片处理　　首先回顾下图片引入方式1、js创建图片引入2、css结合背景图background-image:url('')引入3、图片标签引入<imgsrc="">""/>　　1、首先在js里创建图片插入　　　　接着进行打包输出，测试如下　　 ...

代码星球 ·2020-04-08

new FormData() 前端上传文件图片到服务器

XMLHttpRequestLevel2添加了一个新的接口FormData.利用FormData对象,我们可以通过JavaScript用一些键值对来模拟一系列表单控件,我们还可以使用XMLHttpRequest的send()方法来异步的提交这个"表单".比起普通的ajax,使用FormData的最大优点就是我们可以异步...

代码星球 ·2020-04-08

CSS图片宽度设置百分比 , 高度同宽度相同

在图片长宽不相等的情况下，想将长宽设置为相等并且自适应屏幕，可以通过js的方式进行设置并通过监听resize来实时更新，但是这种方式很麻烦。这里通过css来达到我们想要的效果：<divclass='box'><imgsrc="..."></div>需要添加一个父元素来达到我们的目的。...

代码星球 ·2020-04-08

VUE图片懒加载-vue lazyload插件的简单使用

懒加载优化（1）前言利用vue-lazyload实现图片懒加载，下面介绍下具体使用步骤（2）下载安装第三方模块（3）引入并激活相关参数（4）组件调用使用方法很简单，将图片的:src改为v-lazy即可，如下所示此时效果如下因为之前设置的img宽度为100，所以这里需要用到...

代码星球 ·2020-04-08

CSS百分比padding实现比例固定图片自适应布局

一、CSS百分比padding都是相对宽度计算的在默认的水平文档流方向下，CSS margin和padding属性的垂直方向的百分比值都是相对于宽度计算的，这个和top, bottom等属性的百分比值不一样。这么设计的原因在我的新书（应该不出几个月就要出版了）中会有说明，这里不展开。对于paddin...

代码星球 ·2020-04-08

微信小程序使用本地图片在真机不显示的问题

最近做的小程序，在真机测试发现有些本地图片在开发工具上可以显示，但是在真机上预览的时候不能显示代码是这样写的<viewclass='seat-size'wx:for="{{item}}"wx:key="index"wx:for-index="index"wx:for-item="citem"><ima...

代码星球 ·2020-04-08

前端实现图片懒加载(lazyload)的两种方式

懒加载注意：图片不能是透明图片，否则无法遮盖加载loading.gif在实际的项目开发中，我们通常会遇见这样的场景：一个页面有很多图片，而首屏出现的图片大概就一两张，那么我们还要一次性把所有图片都加载出来吗？显然这是愚蠢的，不仅影响页面渲染速度，还浪费带宽。这也就是们通常所说的首屏加载，技术上现实其中要用的技术就是图片...

代码星球 ·2020-04-08

使用jQuery实现图片懒加载原理

在网页中，常常需要用到图片，而图片需要消耗较大的流量。正常情况下，浏览器会解析整个HTML代码，然后从上到下依次加载<imgsrc="xxx">的图片标签。如果页面很长，隐藏在页面下方的图片其实已经被浏览器加载了。如果用户不向下滚动页面，就没有看到这些图片，相当于白白浪费了图片的流量。所以，淘宝、京东这些流...

代码星球 ·2020-04-08