① 添加網頁的背景圖片(拉伸的),代碼是什麼
代碼為:{background-image: url(URL)|none}
1,背景顏色 {background-color:數值}。
2,背景重復 {background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y}。
3,背景固定 {background-attachment:fixed|scroll}。
4,背景定位 {background-position:數值|top|bottom|left|right|center}。
5,背影樣式 {background:背景顏色|背景圖象|背景重復|背景附件|背景位置}。
1、所謂的網頁代碼,就是指在網頁製作過程中需要用到的一些特殊的「語言」,設計人員通過對這些「語言」進行組織編排製作出網頁,然後由瀏覽器對代碼進行「翻譯」後才是我們最終看到的效果。
2、製作網頁時常用的代碼有HTML,JavaScript,ASP,php,CGI等,其中超文本標記語言(標准通用標記語言下的一個應用、外語簡稱:HTML)是最基礎的網頁代碼。
② wordpress怎麼設置縮略圖片不壓縮 不拉伸
要使縮略圖不壓縮、不拉伸,大致有以下幾步:
1、後台設置 - 多媒體里,將所有「縮略圖大小」設置為空值
如果不想生成其他尺寸的圖片,建議將「中等大小」、「大尺寸」都設置為空值
2、通過wp_get_additional_image_sizes()函數,可查看當前都有哪些圖片尺寸設置
例如有以下值:
array(1){
["post-thumbnail"]=>
array(3){
["width"]=>
int(825)
["height"]=>
int(510)
["crop"]=>
bool(true)
}
}
這表示我當前的wp有設置post-thumbnail這個圖像尺寸。凡是寬大於825高大於510的圖片,在上傳時都會進行裁切的。如果不想用這個尺寸去裁切,可以unset這個
如:
global$_wp_additional_image_sizes;
if(isset($_wp_additional_image_sizes['post-thumbnail']))
unset($_wp_additional_image_sizes['post-thumbnail']);
3、wordpress默認上傳的圖片精度為82,可查看
/wp-includes/ -> class-wp-image-editor.php中$default_quality的默認指定值
為改變這個值,可向wp_editor_set_quality這個hooks添加函數
如:
add_filter('wp_editor_set_quality','wpdit_set_quality');
functionwpdit_set_quality($quality){
$quality=100;
return$quality;
}
通過以上幾步,足夠解決你的問題。
③ php如何實時縮小圖片大小
PHP中縮放圖像:
有兩種改變圖像大小的方法.
(1):ImageCopyResized() 函數在所有GD版本中有效,但其縮放圖像的演算法比較粗糙.
(2):ImageCopyResampled(),其像素插值演算法得到的圖像邊緣比較平滑.質量較好(但該函數的速度比
ImageCopyResized() 慢).
兩個函數的參數是一樣的.如下:
ImageCopyResampled(dest,src,dx,dy,sx,sy,dw,dh,sw,sh);
ImageCopyResized(dest,src,dx,dy,sx,sy,dw,dh,sw,sh);
它們兩個都是從原圖像(source)中抓取特定位置(sx,sy)復制圖像qu區域到目標t
圖像(destination)的特定位置(dx,dy)。另外dw,dh指定復制的圖像區域在目標圖像上的大小,sw,sh指定從原圖像復制的圖像區域
的大小。如果有ps經驗的話,就相當於在原圖像選擇一塊區域,剪切移動到目的圖像上,同時有拉伸或縮小的操作。
例一:
(本例子是將圖片按原大小的4/1的大小顯示)
<?php
// 指定文件路徑和縮放比例
$filename = 'test.jpg';
$percent = 0.5;
// 指定頭文件Content type值
header('Content-type: image/jpeg');
// 獲取圖片的寬高
list($width, $height) = getimagesize($filename);
$newwidth = $width * $percent;
$newheight = $height * $percent;
// 創建一個圖片。接收參數分別為寬高,返回生成的資源句柄
$thumb = imagecreatetruecolor($newwidth, $newheight);
//獲取源文件資源句柄。接收參數為圖片路徑,返回句柄
$source = imagecreatefromjpeg($filename);
// 將源文件剪切全部域並縮小放到目標圖片上。前兩個為資源句柄
imageresampled($thumb, $source, 0, 0, 0, 0, $newwidth,
$newheight, $width, $height);
// 輸出給瀏覽器
imagejpeg($thumb);
?>
④ PHP 長方形圖片 不變形 裁剪 生成 正方形
$x = (200-150)/2;
imageresampled($thumb, $img_r2, 0, 0, $x, 0, $thumb_w, $thumb_h, 150, 150);
請看imageresampled詳細介紹:
imageresampled
(PHP 4 >= 4.0.6, PHP 5)
imageresampled — 重采樣拷貝部分圖像並調整大小
說明
bool imageresampled ( resource $dst_image, resource $src_image, int $dst_x, int $dst_y, int $src_x, int $src_y, int $dst_w, int $dst_h, int $src_w, int $src_h )
imageresampled() 將一幅圖像中的一塊正方形區域拷貝到另一個圖像中,平滑地插入像素值,因此,尤其是,減小了圖像的大小而仍然保持了極大的清晰度。如果成功則返回 TRUE,失敗則返回 FALSE。
dst_image 和 src_image 分別是目標圖像和源圖像的標識符。如果源和目標的寬度和高度不同,則會進行相應的圖像收縮和拉伸。坐標指的是左上角。本函數可用來在同一幅圖內部拷貝(如果 dst_image 和 src_image 相同的話)區域,但如果區域交迭的話則結果不可預知。
注意: 因為調色板圖像限制(255+1 種顏色)有個問題。重采樣或過濾圖像通常需要多於 255 種顏色,計算新的被重采樣的像素及其顏色時採用了一種近似值。對調色板圖像嘗試分配一個新顏色時,如果失敗我們選擇了計算結果最接近(理論上)的顏色。這並不總是視覺上最接近的顏色。這可能會產生怪異的結果,例如空白(或者視覺上是空白)的圖像。要跳過這個問題,請使用真彩色圖像作為目標圖像,例如用 imagecreatetruecolor() 創建的。
注意: 本函數需要 GD 2.0.1 或更高版本(推薦 2.0.28 及更高版本)。
⑤ html網頁製作中,td表格被拉伸,其他td中圖象被拉開的問題
hehe!最簡單的問題了,沒辦法回答你!路過,
就好像你提出了一個「為什麼我寫1+1的時候不等2呢?」
呵呵!
樓上說的對,經驗不夠。
建議找點最基本的做網頁的書看下先!!!!!!!!!
不要急於求成!
⑥ 圖片隨著圖片上的文本寬度 拉伸,該怎麼實現呢
- (UIImage *):(NSInteger)leftCapWidth topCapHeight:(NSInteger)topCapHeight這個API是設定坐邊大小leftCapWidth和上邊不拉伸的大小topCapHeight,至於右邊大小則是由源圖片的寬減去leftCapWidth再減去1,下邊同理,也就是拉伸的部分就是1個單位,所以如果取值不正確就會不對稱。這個API在iOS5之後由- (UIImage *)resizableImageWithCapInsets:(UIEdgeInsets)capInsets代替capInsets就不用考慮對稱,設置好UIEdgeInsets的四個值,會自動拉伸中間部分
⑦ CSS中如何設拉伸背景圖片鋪滿屏幕
body{
background: url("image.png") no-repeat;
height:100%;
width:100%;
overflow: hidden;
background-size:cover;或者background-size:100%;
}
(7)php拉伸圖片擴展閱讀:
CSS不僅可以靜態地修飾網頁,還可以配合各種腳本語言動態地對網頁各元素進行格式化。 CSS 能夠對網頁中元素位置的排版進行像素級精確控制,支持幾乎所有的字體字型大小樣式,擁有對網頁對象和模型樣式編輯的能力。
編程工具
記事本:使用Windows系統自帶的記事本可以編輯網頁。只需要在保存文檔時,以.html為後綴名進行保存即可。
Dreamweaver:它與Flash、Fireworks並稱網頁三劍客。Dreamweaver是集網頁製作和管理網站於一身的所見即所得網頁編輯器,它是第一套針對專業網頁設計師特別開發的視覺化網頁開發工具,利用它可以輕而易舉地製作出充滿動感的網頁。
⑧ php如何生成加粗或者斜體的文字樣式圖片
加粗或者斜體的文字可以用php的函數控制.我想你是想生成驗證碼圖片是嗎?
如果是想生成驗證么圖片有幾個函數可以考慮
imagecreate($length,$height)創建圖片.參數是圖片的寬度和高度
imagecolorallocate($image,$r,$g,$b)設置背景色,r b g就是圖片的三色rgb參數.這個可以由傳入0-255的隨機數決定隨機的背景色.還可以生成字體色
imagettftext($_image,$fontSize,mt_rand(-40,70),$codeNX,$fontSize*1.5,$_color,$ttf,$code[$i]);寫入隨機的文字,這里要一個字一個字寫.所以這個函數要循環調用.
網路了一下 找到了一個類...如下
<?php
/**
*安全驗證碼
*
*安全的驗證碼要:驗證碼文字扭曲、旋轉,使用不同字體,添加干擾碼。
*如果用中文做驗證碼(我這里不是哦,有興趣你來改成用中文的),安全度會更好些,但驗證碼扭曲和旋轉是王道,用了字體也算是已經給字體扭曲了,我就不再去給他添一隻扭曲的足了。
*可配置的屬性都是一些簡單直觀的變數,我就不用弄一堆的setter/getter了
*
*@author流水孟春<cmpan(at)qq.com>
*@rightNEWBSD
*@linkhttp://labs.yulans.cn/YL_Security_Secoder
*@linkhttp://wiki.yulans.cn/docs/yl/security/secoder
*/
classYL_Security_Secoder{
/**
*驗證碼的session的下標
*
*@varstring
*/
publicstatic$seKey='sid.sekey.ylans.cn';
publicstatic$expire=3000;//驗證碼過期時間(s)
/**
*驗證碼中使用的字元,01IO容易混淆,建議不用
*
*@varstring
*/
publicstatic$codeSet='346789ABCDEFGHJKLMNPQRTUVWXY';
publicstatic$fontSize=25;//驗證碼字體大小(px)
publicstatic$useCurve=true;//是否畫混淆曲線
publicstatic$useNoise=true;//是否添加雜點
publicstatic$imageH=0;//驗證碼圖片寬
publicstatic$imageL=0;//驗證碼圖片長
publicstatic$length=4;//驗證碼位數
publicstatic$bg=array(243,251,254);//背景
protectedstatic$_image=null;//驗證碼圖片實例
protectedstatic$_color=null;//驗證碼字體顏色
/**
*輸出驗證碼並把驗證碼的值保存的session中
*驗證碼保存到session的格式為:$_SESSION[self::$seKey]=array('code'=>'驗證碼值','time'=>'驗證碼創建時間');
*/
publicstaticfunctionentry(){
//圖片寬(px)
self::$imageL||self::$imageL=self::$length*self::$fontSize*1.5+self::$fontSize*1.5;
//圖片高(px)
self::$imageH||self::$imageH=self::$fontSize*2;
//建立一幅self::$imageLxself::$imageH的圖像
self::$_image=imagecreate(self::$imageL,self::$imageH);
//設置背景
imagecolorallocate(self::$_image,self::$bg[0],self::$bg[1],self::$bg[2]);
//驗證碼字體隨機顏色
self::$_color=imagecolorallocate(self::$_image,mt_rand(1,120),mt_rand(1,120),mt_rand(1,120));
//驗證碼使用隨機字體
$ttf=dirname(__FILE__).'/ttfs/'.mt_rand(1,20).'.ttf';
if(self::$useNoise){
//繪雜點
self::_writeNoise();
}
if(self::$useCurve){
//繪干擾線
self::_writeCurve();
}
//繪驗證碼
$code=array();//驗證碼
$codeNX=0;//驗證碼第N個字元的左邊距
for($i=0;$i<self::$length;$i++){
$code[$i]=self::$codeSet[mt_rand(0,27)];
$codeNX+=mt_rand(self::$fontSize*1.2,self::$fontSize*1.6);
//寫一個驗證碼字元
imagettftext(self::$_image,self::$fontSize,mt_rand(-40,70),$codeNX,self::$fontSize*1.5,self::$_color,$ttf,$code[$i]);
}
//保存驗證碼
isset($_SESSION)||session_start();
$_SESSION[self::$seKey]['code']=join('',$code);//把校驗碼保存到session
$_SESSION[self::$seKey]['time']=time();//驗證碼創建時間
header('Cache-Control:private,max-age=0,no-store,no-cache,must-revalidate');
header('Cache-Control:post-check=0,pre-check=0',false);
header('Pragma:no-cache');
header("content-type:image/png");
//輸出圖像
imagepng(self::$_image);
imagedestroy(self::$_image);
}
/**
*畫一條由兩條連在一起構成的隨機正弦函數曲線作干擾線(你可以改成更帥的曲線函數)
*
*高中的數學公式咋都忘了涅,寫出來
* 正弦型函數解析式:y=Asin(ωx+φ)+b
*各常數值對函數圖像的影響:
*A:決定峰值(即縱向拉伸壓縮的倍數)
*b:表示波形在Y軸的位置關系或縱向移動距離(上加下減)
*φ:決定波形與X軸位置關系或橫向移動距離(左加右減)
*ω:決定周期(最小正周期T=2π/∣ω∣)
*
*/
protectedstaticfunction_writeCurve(){
$A=mt_rand(1,self::$imageH/2);//振幅
$b=mt_rand(-self::$imageH/4,self::$imageH/4);//Y軸方向偏移量
$f=mt_rand(-self::$imageH/4,self::$imageH/4);//X軸方向偏移量
$T=mt_rand(self::$imageH*1.5,self::$imageL*2);//周期
$w=(2*M_PI)/$T;
$px1=0;//曲線橫坐標起始位置
$px2=mt_rand(self::$imageL/2,self::$imageL*0.667);//曲線橫坐標結束位置
for($px=$px1;$px<=$px2;$px=$px+0.9){
if($w!=0){
$py=$A*sin($w*$px+$f)+$b+self::$imageH/2;//y=Asin(ωx+φ)+b
$i=(int)((self::$fontSize-6)/4);
while($i>0){
imagesetpixel(self::$_image,$px+$i,$py+$i,self::$_color);//這里畫像素點比imagettftext和imagestring性能要好很多
$i--;
}
}
}
$A=mt_rand(1,self::$imageH/2);//振幅
$f=mt_rand(-self::$imageH/4,self::$imageH/4);//X軸方向偏移量
$T=mt_rand(self::$imageH*1.5,self::$imageL*2);//周期
$w=(2*M_PI)/$T;
$b=$py-$A*sin($w*$px+$f)-self::$imageH/2;
$px1=$px2;
$px2=self::$imageL;
for($px=$px1;$px<=$px2;$px=$px+0.9){
if($w!=0){
$py=$A*sin($w*$px+$f)+$b+self::$imageH/2;//y=Asin(ωx+φ)+b
$i=(int)((self::$fontSize-8)/4);
while($i>0){
imagesetpixel(self::$_image,$px+$i,$py+$i,self::$_color);//這里(while)循環畫像素點比imagettftext和imagestring用字體大小一次畫出(不用這while循環)性能要好很多
$i--;
}
}
}
}
/**
*畫雜點
*往圖片上寫不同顏色的字母或數字
*/
protectedstaticfunction_writeNoise(){
for($i=0;$i<10;$i++){
//雜點顏色
$noiseColor=imagecolorallocate(
self::$_image,
mt_rand(150,225),
mt_rand(150,225),
mt_rand(150,225)
);
for($j=0;$j<5;$j++){
//繪雜點
imagestring(
self::$_image,
5,
mt_rand(-10,self::$imageL),
mt_rand(-10,self::$imageH),
self::$codeSet[mt_rand(0,27)],//雜點文本為隨機的字母或數字
$noiseColor
);
}
}
}
/**
*驗證驗證碼是否正確
*
*@paramstring$code用戶驗證碼
*@returnbool用戶驗證碼是否正確
*/
publicstaticfunctioncheck($code){
isset($_SESSION)||session_start();
//驗證碼不能為空
if(empty($code)||empty($_SESSION[self::$seKey])){
returnfalse;
}
//session過期
if(time()-$_SESSION[self::$seKey]['time']>self::$expire){
unset($_SESSION[self::$seKey]);
returnfalse;
}
if($code==$_SESSION[self::$seKey]['code']){
returntrue;
}
returnfalse;
}
}
//useage
/*
YL_Security_Secoder::$useNoise=false;//要更安全的話改成true
YL_Security_Secoder::$useCurve=true;
YL_Security_Secoder::entry();
*/
/*
//驗證驗證碼
if(!YL_Security_Secoder::check(@$_POST['secode'])){
print'errorsecode';
}
*/
這是效果
⑨ 在網頁中如何縮放圖片不變形
要實現當然是按比例縮放,你單元格是1.5:1的,那你的圖片寬高比例也要是這樣子的,不然肯定會變形。
至於說css控制怎麼也沒有asp方便吧?
asp可以把圖片寬高用變數來控制。
css就只能定死,不知道你具體是怎麼樣的,反正我通常都是用asp來控制寬和高的。
現在用php更方便,上傳圖片的時候可以直接生成一張小圖,根本不用控制了。