當前位置:首頁 » 網頁前端 » web九宮格程序
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

web九宮格程序

發布時間: 2023-01-03 13:07:47

A. 職場中PPT很常用,如何製作出好看的九宮格拼圖

在別人的PPT演示中,常常會看到如下圖所示的九宮格拼圖:看起來簡約大方又讓人眼前一亮,讓枯燥的PPT演講頓時添了幾分詩意。

方法二、合並形狀的拆分

在Office 2013 及以上版本中,支持圖片與形狀之間進行「合並形狀」操作。

1、在圖片上的橫向、縱向分別繪制四個大小一致的長條矩形;

2、使用「對齊工具」里的「橫向分布」、「縱向分布」將長條矩形均勻分布;

3、先選中圖片,再全選(快捷鍵 Ctrl+A )所有矩形;

4、選擇「合並形狀」里的「拆分」將圖片拆分成九個獨立的小圖片。

怎麼樣,現在學會如何在PPT中製作出九宮格拼圖了嗎?方法多多,快點用起來吧!

B. 前端web的點9圖效果實現

這里只是一個怕自己忘記寫的一個筆記,不是很全很詳細,建議還是看 官方教程

圖片原始像素是348 x 220

我的需求是拉伸image可以自適應內容長度,但是拉伸不能導致兩邊的半圓被拉成橢圓

border-image可以使用圖片作為border(標准說法:border-image CSS屬性允許在元素的邊框上繪制圖像), 給出圖片後可以通過相應的參數來調整圖片的拉伸,這樣就可以像點9圖那樣保留部分內容不變的情況下,拉伸可拉伸部分來自適應。
我主要解釋一下 border-image: url("") 0 170 0 170 fill / 1px 170px stretch ,
這里0 170 0 170就是劃分了原始圖片內容,稱之為border-image-slice

後面的 1px 170px 指的是border-image-width ,字面意思是邊框圖片寬度,作用是將 DOM 節點分割成九宮格,這里指的就是作為實際容器的那個節點的顯示範圍了,我也設置為170, stretch作為border-image-repeat說明圖片在超過原始長度後使用拉伸的方式

這里有更易讀,更詳細的文章 border-image的正解用法

點九圖編輯器
https://developer.mozilla.org/zh-CN/docs/web/css/css_backgrounds_and_borders/border-image_generator (這個載入不出預覽圖)
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Backgrounds_and_Borders/Border-image_generator (這個可以載入出預覽圖)

C. C++編寫九宮格程序,要求和為15

#include <iostream>
using namespace std;
void main()
{
int a[3][3];
int flag=1,hang=0,lie=0,zhengxie=0,fanxie=0;
cout<<"please input "<<endl;
for(int i=0,j=0;i<3&&j<3;i++,j++)
{
cout<<"第"<<i+1<<"行"<<endl;
for(int j=0;j<3;j++)cin>>a[i][j];
}
cout<<"你輸入的九宮格為"<<endl;
for(int i=0;i<3;i++)
{
for(int j=0;j<3;j++)cout<<" "<<a[i][j];
cout<<endl;
}

//檢驗
for(int i=0;i<3;i++)
{
hang=0;
lie=0;

fanxie+=a[i][3-1];//飯斜對
zhengxie+=a[i][i];//正斜對角線之和
for(int j=0;j<3;j++)
{

hang+=a[i][j]; //行
lie=lie+a[j][i];//列

}
if(hang!=15){flag=0;break;}
if(lie!=15){flag=0;break;}

}

if(flag!=0 && zhengxie==15 && fanxie==15)cout<<"合乎九宮格"<<endl;
else cout<<"不符合九宮格"<<endl;
system("pause");
}

D. 朋友圈聖誕老人九宮格圖片怎麼弄 聖誕老人九宮格圖片的製作方法

1、打開ps軟體,新建文檔,尺寸設置1080*1080 像素。

2、拖入要修改的聖誕老人照片,自由變換圖片大小(快捷鍵Ctrl+T),讓圖片布滿畫布,調節到合適位置回車確認。

3、選擇左側切片工具,滑鼠放在圖片上右鍵選擇-劃分切片,勾選-水平劃分、垂直劃分、預覽,數值輸入3,點擊確認,九宮格圖片就做好了。

4、然後選擇:文件-導出-存儲為Web所用格式(快捷鍵:Ctrl+Alt+Shift+S),彈出對話框直接點存儲,選擇要保存的位置,底部切片要選擇所有切片,這樣才會把九張圖片一起保存,點擊保存,圖片製作完成。

5、可以通過qq或者微信等軟體把圖片發送到手機上,發朋友圈(注意按順序排列,編輯可以拖動圖片調整順序)。

E. 什麼軟體可以把照片做成九宮格的

美圖秀秀可以。

具體操作步驟如下:

一、首先,打開美圖秀秀,會看到有一個「美化圖片」。

F. 編寫一個九宮格程序

var
z,a,b,c,d,e,f,g,h,i:longint;begin
for a:=1to 9do
for b:=1to 9do
if(a<>b)then
for c:=1to 9do
if(a<>c)and(b<>c)then
for d:=1to 9do
if(a<>d)and(b<>d)and(c<>d)then
for e:=1to 9do
if(a<>e)and(b<>e)and(c<>e)and(d<>e)then
for f:=1to 9do
if(a<>f)and(b<>f)and(c<>f)and(d<>f)and(e<>f)then
for g:=1to 9do
if(a<>g)and(b<>g)and(c<>g)and(d<>g)and(e<>g)and(f<>g)then
for h:=1to 9do
if(a<>h)and(b<>h)and(c<>h)and(d<>h)and(e<>h)and(f<>h)and(g<>h)then
begin
i:=45-a-b-c-d-e-f-g-h;
if(a+b+c=15)and(d+e+f=15)and(g+h+i=15)and(a+d+g=15)and(b+e+h=15)and(c+f+i=15)and(a+e+i=15)and(c+e+g=15)
then begin
inc(z);
writeln(z,':');
writeln(a,' ',b,' ',c);
writeln(d,' ',e,' ',f);
writeln(g,' ',h,' ',i);
end;
end;
writeln(z);
end.

G. 前端JavaScript用webstorm怎麼在網頁上生成一個九宮格圖片

html代碼:

<ul class="nineUL" id="nineUL"></ul>


CSS代碼:

.nineUL{display:block; overflow:hidden; width:340px; margin:20px 0 0 50px;}

.nineUL li{display:block; width:100px; height:100px; overflow:hidden; float:left; margin-right:20px;}

.nineUL li img{vertical-align:middle; width:100%;}


JS代碼:

window.onload = function(){

for(var i=0; i<9; i++){

var html = "<li><img src='picture/icon/8.jpg' /></li>";

var u = document.getElementById("nineUL");

var li = document.createElement("li");

li.innerHTML = "<img src='picture/icon/8.jpg' />";

u.appendChild(li);

if(i>0 && (i%3 == 2)){

li.style.margin="0px 0px 10px 0px";

}

}

}

效果圖:

H. 求九宮格程序

首先5做中間 然後根據先確定四個角的數字 然後其他四個數字相應確定
然後在判斷是否橫豎斜是否得15
這是我寫的程序 希望能給你參考
#include<stdio.h>
#include<conio.h>
void f1(int *p)
{
*(p+8)=10-*p;
*(p+6)=10-*(p+2);
*(p+1)=15-*p-*(p+2);
*(p+3)=15-*p-*(p+6);
*(p+5)=15-*(p+2)-*(p+8);
*(p+7)=15-*(p+6)-*(p+8);
}
int f2(int x,int y,int z,int n)
{int i,f=1,b[4];
b[0]=x,b[1]=y,b[2]=z,b[3]=n;

for(i=0;i<4;i++)

{if(b[i]<1||b[i]>9)
{f=0;break;}
}
return f;
}
int f3(int *q)
{int *m,*n,k=1;
for(m=q;m<=q+8;m+=2)
{ for(n=q+1;n<=q+7;n+=2)
if(*n==*m)
{k=0;
break;
}
}
return k;

}

main( )
{int a[4]={1,2,3,4},b[4]={6,7,8,9},c[9]={0},i,j;
clrscr();

c[4]=5;

for(i=0;i<4;i++)
{c[0]=a[i];

for(j=0;j<4;j++)
{c[2]=b[j];
f1(c);

if(c[1]+c[7]==10&&c[3]+c[5]==10)
if( f2(c[1],c[3],c[5],c[7]))
if(f3(c))
{printf("%4d%4d%4d\n",c[0],c[1],c[2]);
printf("%4d%4d%4d\n",c[3],c[4],c[5]);
printf("%4d%4d%4d\n",c[6],c[7],c[8]);
printf("\n");
}
}
}
}



I. 什麼手機軟體可以把一張照片處理成九宮格照片

可以在手機上使用微信里的小程序「九宮格照片拼圖」進行處理,方法如下:

1、首先在手機上找到並打開微信APP。

J. 九宮格圖片怎麼弄

可以使用微信小程序中的「九宮格照片拼圖」進行分割,步驟如下:

所需材料:微信、手機。

一、首先在微信的「發現欄」內點擊上方的「小程序」選項。


相關介紹:

九宮格,一款數字游戲,起源於河圖洛書,河圖與洛書是中國古代流傳下來的兩幅神秘圖案,歷來被認為是河洛文化的濫觴,中華文明的源頭,被譽為"宇宙魔方"。

相傳,上古伏羲氏時,洛陽東北孟津縣境內的黃河中浮出龍馬,背負"河圖",獻給伏羲。伏羲依此而演成八卦,後為《周易》來源。又相傳,大禹時,洛陽西洛寧縣洛河中浮出神龜,背馱"洛書",獻給大禹。大禹依此治水成功,遂劃天下為九州。