Canva Button

HTML API Documentation

Canva Button のスパン要素に指定できる属性です。これらの属性は作成モードのボタンにのみ適用されます。その他の属性は編集モードのボタンにのみ適用されます。また、一部の属性は、どちらのモードのボタンにも適用されます。

デザインを作成するときに指定する属性

data-design-type:

デザインのタイプを以下の値のいずれかを指定します。

A4Document, Announcement, BirthdayCard, BirthdayInvitation, BlogBanner, BookCover, Bookmark, Brochure, BusinessCard, Calendar, Card, Certificate, DesktopWallpaper, EmailHeader, EtsyShopCover, EtsyShopIcon, FacebookAd, FacebookAppAd, FacebookCover, FacebookEventCover, FacebookPost, Flyer, GiftCertificate, Infographic, InstagramPost, InstagramStory, Invitation, Invoice, Label, LargeRectangleAd, LeaderboardAd, LessonPlan, Letter, LinkedInBanner, Logo, MagazineCover, MediumRectangleAd, Menu, MindMap, Newsletter, PhotoCollage, PinterestGraphic, Postcard, Poster, Presentation, Presentation43, ProductLabel, RecipeCard, Resume, SnapchatGeofilter, SocialMedia, Ticket, TumblrGraphic, TwitterHeader, TwitterPost, WattpadBookCover, WeddingInvitation, WideSkyscraperAd, Worksheet, Yearbook, YouTubeChannelArt, YouTubeThumbnail

data-design-dimensions-units:

デザインのサイズを指定するときに使用する単位を指定します(指定できる値:px, cm, in, mm)

data-design-dimensions-height:

デザインの縦のサイズを指定します(単位は、data-design-dimensions-unitsで指定した単位)

data-design-dimensions-width:

デザインの横のサイズを指定します(単位は、data-design-dimensions-unitsで指定した単位)

既存のデザインを編集するときに指定する属性

data-design-id:

デザインしたいIDの指定(data-design-type か data-design-id のいずれかを指定する)

全てのモードに共通の属性

data-api-key:

Canva buttonを発行した際に割り振られたAPI Key

data-editor-file-type:

エクポートするデザインのファイルタイプ(指定できる値[png, pdf, jpeg, jpg])

data-editor-publish-label:

ボタンのラベル名を指定の文字列で上書き

data-on-design-publish: 

ユーザーがデザインをパブリッシュした後、呼び出される javascript のコールバック関数名

data-on-design-close:

ユーザーがデザインを閉じたとき、呼び出される javascript のコールバック関数名