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 のコールバック関数名