tldrawe

Draw on any webpage with tldraw

tldraweとは何ですか?

tldraweはnimeshnayajuによって開発されたChromeの拡張機能で、その主な機能は「Draw on any webpage with tldraw」です。

拡張機能のスクリーンショット

screenshot
screenshot

tldrawe拡張機能のCRXファイルをダウンロード

tldrawe拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

                        Tldrawe lets you draw or annotate on any webpage with tldraw. The extension adds an overlay of the Tldraw app on your webpage and lets you add drawings or shapes to the webpage. You can toggle the overlay by either going to the extension popup page and clicking on 'Toggle overlay' or using the keyboard shortcut 'CMD/CTRL + SHIFT + e'. 

Tldrawe supports all of the shapes, tools and most of the keyboard shortcuts available in the tldraw app. Currently, any drawings on a webpage persists as long as the browser tab or window is open. Cheers!

Useful tldrawe/tldraw shortcuts:
1) Toggle overlay: CTRL/CMD + SHIFT + E
2) Toggle dark mode: CTRL/CMD + SHIFT + D
3) Sticky Tool: 0
4) Select Tool: 1
5) Pencil Tool: 2
6) Eraser Tool: 3, and so on                    

拡張機能の基本情報

名前 tldrawe tldrawe
ID mhkmpnjdjhckmcejgmajnjhbmclmkdnd
公式URL https://chromewebstore.google.com/detail/tldrawe/mhkmpnjdjhckmcejgmajnjhbmclmkdnd
説明 Draw on any webpage with tldraw
ファイルサイズ 291 KB
インストール数 237
現在のバージョン 0.2
最終更新日 2022-02-17
公開日 2022-02-15
評価 5.00/5 合計 4 レビュー
開発者 nimeshnayaju
Eメール [email protected]
支払い方法 free
拡張機能のウェブサイト https://github.com/nimeshnayaju/tldrawe
対応言語 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "name": "tldrawe",
    "description": "Draw on any webpage with tldraw",
    "version": "0.2",
    "options_ui": {
        "page": "options.html"
    },
    "action": {
        "default_icon": "icon.png",
        "default_popup": "popup.html"
    },
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "js\/vendor.js",
                "js\/content.js"
            ]
        }
    ],
    "background": {
        "service_worker": "js\/background.js"
    }
}