當前位置:首頁 » 網頁前端 » web事件長圖生成
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

web事件長圖生成

發布時間: 2022-11-21 04:35:26

『壹』 微信長圖怎麼用ps做啊,尺寸是多少

新建文件-設置寬度為800像素,高度自定義-設計文檔內容-保存為jpeg格式-品質選擇60或更高-發送到手機發朋友圈即可,詳細步驟:

1、打開PS軟體,然後新建一個文檔,設置文檔的寬度為800像素,高度自定義,如下圖所示:

『貳』 微信公眾號長圖文圖片是如何製作的

舊方法

手機截圖(一般人最愛)
自帶截圖功能 / 截圖APP(有時間)
排版工具:(運營人最愛)
排版編輯器—生成長圖(有水印)
微信收藏:(筆記控最愛)
微信收藏—圖文—保存為圖片(有水印)
新方法

高效達人最愛:小程序
1. 復制文章鏈接
2. 打開該小程序(自動檢測鏈接)
3. 生成截圖,保存圖片(完成提示)

『叄』 WKWebView 生成長截圖

寫個類繼承 NSObject

.h 文件

#import <Foundation/Foundation.h>

#import <UIKit/UIKit.h>

@interface Util : NSObject

typedef void(^CapSuccessBlock)(UIImage *image,UIImage * thumbImage);

typedef void (^ CapFailureBlock )( NSError * error );

+( instancetype ) shareUtil ;

/**

  截屏

  @param url 截屏的url

  @param successBlock 截屏成功的回調

  @param failureBlock 截屏失敗的回調

 */

-( void ) capturePicShareWitchUrl :( NSString *)url

                       success :( CapSuccessBlock ) successBlock

                       failure :( CapFailureBlock ) failureBlock;

@end

.m 文件

#import "Util.h"

#define kWindowWidth        [UIScreen mainScreen].bounds.size.width

#define kWindowHeight      [UIScreen mainScreen].bounds.size.height

#define KeyWindow          [[UIApplication sharedApplication].delegate window]

@interface Util ()< UIWebViewDelegate >

{

    CapSuccessBlock _successBlock; //截屏成功的回調

    CapFailureBlock _failureBlock; //截屏失敗的回調

}

@end

@implementation Util

static Util * util;

+( instancetype ) shareUtil

{

    if (! util )

    {

        static dispatch_once_t onceToken;

        dispatch_once (&onceToken, ^{

            util = [[ Util alloc ] init ];

        });

    }

    return util ;

}

/** 截屏 */

-( void ) capturePicShareWitchUrl :( NSString *)url

                       success :( CapSuccessBlock ) successBlock

                       failure :( CapFailureBlock ) failureBlock;

{

    _successBlock = successBlock;

    _failureBlock = failureBlock;

    UIWebView * webView = [[ UIWebView alloc ] initWithFrame : KeyWindow . bounds ];

    webView. delegate = self ;

    webView. hidden = YES ;

    NSMutableURLRequest *re2 = [ NSMutableURLRequest requestWithURL :[ NSURL URLWithString :url]];

    [webView loadRequest :re2];

    [ KeyWindow addSubview :webView];

}

#pragma UIWebViewDelegate

-( void ) webViewDidFinishLoad :( UIWebView *)webView

{

    UIImage * image = [ self screenShotWithScrollView :webView. scrollView withSize : CGSizeZero ];

    UIImage * thumbImage = [ self screenShotWithScrollView :webView. scrollView withSize : CGSizeMake ( kWindowWidth , kWindowHeight )];

    

    if ( _successBlock )

    {

        _successBlock (image,thumbImage);

    }

    

    webView. delegate = nil ;

    [webView removeFromSuperview ];

    webView = nil ;

}

- ( void ) webView :( UIWebView *)webView didFailLoadWithError :( NSError *)error

{

    if ( _failureBlock )

    {

        _failureBlock (error);

    }

}

//圖片

- ( UIImage *) screenShotWithScrollView :( UIScrollView *)scrollView withSize :( CGSize )size

{

    UIImage * image;

    

    (size. width == 0 ?scrollView. contentSize :size, NO , [ UIScreen mainScreen ]. scale );

    {

        CGPoint savedContentOffset = scrollView. contentOffset ;

        CGRect savedFrame = scrollView. frame ;

        scrollView. contentOffset = CGPointZero ;

        scrollView. frame = size. width == 0 ? CGRectMake ( 0 , 0 , scrollView. contentSize . width , scrollView. contentSize . height ): CGRectMake ( 0 , 0 , size. width , size. height );

        [scrollView. layer renderInContext : UIGraphicsGetCurrentContext ()];

        image = ();

        scrollView. contentOffset = savedContentOffset;

        scrollView. frame = savedFrame;

    }

    UIGraphicsEndImageContext ();

    

    if (image != nil )

    {

        return image;

    }

    return nil ;

}

@end

調用

-( void ) captureView :( UIBarButtonItem *)item

{

    UIWindow *window = [ UIApplication sharedApplication ]. keyWindow ;

    MBProgressHUD *hud = [ MBProgressHUD showHUDAddedTo :window animated : YES ];

    hud. animationType   = MBProgressHUDAnimationZoom ;

    hud. mode               = MBProgressHUDModeText ;

    hud. detailsLabel . text = @"正在生成截圖" ;

    hud. detailsLabel . font = [ UIFont systemFontOfSize : 17.0 ];

    

    [[ Util shareUtil ] capturePicShareWitchUrl : KCapUrl success :^( UIImage *image, UIImage *thumbImage) {

    [ MBProgressHUD hideHUDForView :[ UIApplication sharedApplication ]. keyWindow animated : YES ];

        UIAlertController * alertVC = [ UIAlertController alertControllerWithTitle : @"溫馨提示" message: @"截圖成功,是否保存到相冊" preferredStyle: UIAlertControllerStyleAlert ];

        

        UIAlertAction * action1 = [ UIAlertAction actionWithTitle : @"是" style : UIAlertActionStyleDefault handler :^( UIAlertAction * _Nonnull action)

        {

            [ self saveImageToPhotos : image];

            [ self saveImageToPhotos : thumbImage];

            [ self showPromptWithText : @"保存到相冊成功" hideAfterdelay: 1.5 ];

        }];

        

        UIAlertAction * action2 = [ UIAlertAction actionWithTitle : @"否" style : UIAlertActionStyleCancel handler :^( UIAlertAction * _Nonnull action) {

            

        }];

        

        [alertVC addAction :action1];

        [alertVC addAction :action2];

        

        [ self presentViewController :alertVC animated : YES completion : nil ];

        

    } failure :^( NSError *error) {

        

    }];

    

    

}

- ( MBProgressHUD *) showPromptWithText :( NSString *)text hideAfterdelay :( CGFloat )timeInterval

{

    UIWindow *window = [ UIApplication sharedApplication ]. keyWindow ;

  

    MBProgressHUD *hud = [ MBProgressHUD showHUDAddedTo :window animated : YES ];

    hud. animationType   = MBProgressHUDAnimationZoom ;

    hud. mode               = MBProgressHUDModeText ;

    hud. detailsLabel . text = text;

    hud. detailsLabel . font = [ UIFont systemFontOfSize : 17.0 ];

    hud. removeFromSuperViewOnHide = YES ;

    dispatch_after ( dispatch_time ( DISPATCH_TIME_NOW , ( int64_t )(timeInterval * NSEC_PER_SEC )), dispatch_get_main_queue (), ^{

        [hud hideAnimated : YES ];

    });

    return hud;

}

#pragma mark - 保存截圖到相冊

- ( void ) saveImageToPhotos :( UIImage *)savedImage

{

    

    dispatch_async ( dispatch_get_main_queue (), ^{

        (savedImage, self , @selector (image:didFinishSavingWithError:contextInfo:), NULL );

    });

    

}

//回調方法

- ( void ) image : ( UIImage *) image didFinishSavingWithError : ( NSError *) error contextInfo : ( void *) contextInfo

{

    NSString *msg = nil ;

    if (error != NULL )

    {

        msg = @"保存圖片失敗" ;

    } else

    {

        msg = @"保存圖片成功" ;

    }

    

    NSLog ( @"%@" ,msg);

    

}

『肆』 有沒有人知道長圖是用什麼軟體弄的

推薦以下可以拼長圖的手機軟體:
1.《美圖秀秀》:一款免費圖片處理軟體,美圖秀秀獨有的圖片特效、美容、飾品、邊框、場景、拼圖等功能,加上每天更新的精選素材,可以在很短的時間內學會製作出自己想要的圖片效果。
2.《AdobePhotoshopCS5》:電影、視頻和多媒體領域的專業人士,使用3D和動畫的圖形和Web設計人員,以及工程和科學領域的專業人士的理想選擇。使用photoshopcs5,可以輕松編輯視頻圖層上的動畫圖形,讓時間停下來,以及使用測量、計數和可視化工具,探查圖像等功能。
3.《光影魔術手》:一款簡單易用的照片處理軟體,大部分人能夠利用數碼照片製作精美相框、藝術照、專業膠片效果而不需要專業技術

『伍』 請問如何讓web控制項FileUpload選擇完文件之後就自動觸發事件,讓Image控制項顯示出圖片來

function SelectImg(url){
document.all.item("ProctImg").src=document.getElementById("FileUpload1").value;
}
<asp:FileUpload ID="FileUpload1" runat="server" onchange="SelectImg(this)" />
----------------------------------
兄弟 你也太摳了……起碼給點分

『陸』 這種長圖是什麼軟體

很多種方法:
1、這個可以用錘子便簽寫
2、ps也可以製作

『柒』 如何製作出微信的長圖


使用帶長圖片功能的在線排版器排版,然後生成長圖就可以了;

或者你用微博生成的長圖片,直接插入公眾號;

ps製作,然後保存為gif(web),該格式在上傳的時候不會被公眾號後台壓縮變模糊。

『捌』 如何製作出微信的長圖

微信長圖其實就是多張圖片拼接為一張圖片。以下我們以光影魔術手為例,講解一下長途的製作步驟:

第一步,打開「光影魔術手」,並點擊「拼圖」當中的「圖片拼接」

『玖』 vscodeweb怎麼用代碼插圖

1、首先在EXTENSIONS搜索carbon-now-sh,然後安裝該插件。
2、其次新建一個文件,編寫一些測試的代碼,代碼的話是不分語言的。接著選擇需要生成圖片的代碼片段,滑鼠右鍵然後選擇CommandPalette或者是直接用快捷鍵(Windows-Ctrl+Shift+P,Mac-Cmd+Shift+P)。命令托盤打開之後在輸入框輸入Carbon然後回車,插件會自動打開瀏覽器的頁面。
3、然後在圖片生成界面我們可以自己根據情況進行設置,包括背景顏色以及語言等。
4、最後設置好之後我們選擇Export然後設置名稱以及大小,在這里還可以選擇下載的圖片類型,現在暫時支持jpg以及SVG兩種,然後會自動下載到本地,這樣就完成了代碼轉圖片的過程。

『拾』 用相片組合怎麼製作長圖,求指點,謝謝

1.拖動圖片到ps快捷方式打開
2.Ctrl 加n 新建 選擇預設為web大小1600×1200
3.移動工具v 把倆圖拖到新建
4.m選框對多餘部分刪減,delete建
5.把圖拼接對齊 右下角按shift選中倆圖層右鍵單擊可以合並圖層
6.按m 選框把拼接部分括起來
7.按j污點修復工具 把拼接的痕跡去掉