当前位置:首页 » 网页前端 » 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污点修复工具 把拼接的痕迹去掉