Survei Riset: Ceritakan pengalaman Anda dengan Blockly
Mulai survei
Opsi zoom
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Ruang kerja utama Blockly dapat diskalakan, baik secara dinamis oleh pengguna,
maupun secara statis oleh developer.
Setelan zoom ditentukan oleh objek yang merupakan bagian dari
opsi
konfigurasi Blockly.
Berikut ini contohnya:
var workspace = Blockly.inject('blocklyDiv',
{toolbox: document.getElementById('toolbox'),
zoom:
{controls: true,
wheel: true,
startScale: 1.0,
maxScale: 3,
minScale: 0.3,
scaleSpeed: 1.2,
pinch: true},
trashcan: true});
kontrol
Tetapkan ke true untuk menampilkan tombol zoom-tengah, zoom-in, dan zoom-out.
Nilai defaultnya adalah false.
roda
Tetapkan ke true untuk mengizinkan roda mouse melakukan zoom. Nilai defaultnya adalah false.
startScale
Faktor pembesaran awal. Untuk aplikasi dengan beberapa level,
startScale sering kali ditetapkan ke nilai yang lebih tinggi di level pertama, lalu
dikurangi secara bertahap saat level berikutnya menjadi lebih kompleks.
Nilai defaultnya adalah 1.0.
maxScale
Faktor perkalian maksimum untuk seberapa jauh seseorang dapat memperbesar. Default-nya adalah 3.
minScale
Faktor perkalian minimum untuk seberapa jauh seseorang dapat memperkecil. Default-nya adalah 0.3.
scaleSpeed
Untuk setiap langkah zoom in-out, skala dikalikan atau dibagi dengan
kecepatan skala, yang berarti: scale = scaleSpeed ^ steps. Perhatikan bahwa dalam
formula ini, langkah-langkah zoom out dikurangi dan langkah-langkah zoom in ditambahkan.
Nilai defaultnya adalah 1.2.
cubit
Tetapkan ke true untuk mengaktifkan dukungan cubit untuk zoom di perangkat sentuh. Secara default ke
true jika opsi wheel atau controls disetel ke true.
Kecuali dinyatakan lain, konten di halaman ini dilisensikan berdasarkan Lisensi Creative Commons Attribution 4.0, sedangkan contoh kode dilisensikan berdasarkan Lisensi Apache 2.0. Untuk mengetahui informasi selengkapnya, lihat Kebijakan Situs Google Developers. Java adalah merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2025-07-25 UTC.
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 2025-07-25 UTC."],[[["\u003cp\u003eBlockly workspaces can be scaled dynamically by users or statically by developers.\u003c/p\u003e\n"],["\u003cp\u003eZoom settings are customizable using Blockly's configuration options, controlling aspects like zoom controls, mouse wheel zoom, and initial scale.\u003c/p\u003e\n"],["\u003cp\u003eZoom levels can be defined using \u003ccode\u003estartScale\u003c/code\u003e, \u003ccode\u003emaxScale\u003c/code\u003e, and \u003ccode\u003eminScale\u003c/code\u003e properties within the configuration object to manage the zoom extent.\u003c/p\u003e\n"],["\u003cp\u003e\u003ccode\u003escaleSpeed\u003c/code\u003e property determines the rate at which the workspace is zoomed in or out with each step.\u003c/p\u003e\n"],["\u003cp\u003ePinch-to-zoom functionality on touch devices can be enabled through the \u003ccode\u003epinch\u003c/code\u003e option in the zoom settings.\u003c/p\u003e\n"]]],[],null,["# Zoom option\n\nBlockly's main workspace may be scalable, either dynamically by the user,\nor statically by the developer.\n\nThe zoom settings are defined by an object that is part of Blockly's\n[configuration\noptions](/blockly/guides/configure/web/configuration_struct#the_options_dictionary).\nHere is an example: \n\n```gdscript\nvar workspace = Blockly.inject('blocklyDiv',\n {toolbox: document.getElementById('toolbox'),\n zoom:\n {controls: true,\n wheel: true,\n startScale: 1.0,\n maxScale: 3,\n minScale: 0.3,\n scaleSpeed: 1.2,\n pinch: true},\n trashcan: true});\n```\n\ncontrols\n--------\n\nSet to `true` to show zoom-centre, zoom-in, and zoom-out buttons.\nDefaults to `false`.\n\nwheel\n-----\n\nSet to `true` to allow the mouse wheel to zoom. Defaults to `false`.\n\nstartScale\n----------\n\nInitial magnification factor. For applications with multiple levels,\n`startScale` is often set to a higher value on the first level, then\nincrementally decreased as subsequent levels become more complex.\nDefaults to `1.0`.\n\nmaxScale\n--------\n\nMaximum multiplication factor for how far one can zoom in. Defaults to `3`.\n\nminScale\n--------\n\nMinimum multiplication factor for how far one can zoom out. Defaults to `0.3`.\n\nscaleSpeed\n----------\n\nFor each zooming in-out step the scale is multiplied or divided respectively by\nthe scale speed, this means that: `scale = scaleSpeed ^ steps`. Note that in\nthis formula steps of zoom-out are subtracted and zoom-in steps are added.\nDefaults to `1.2`.\n\npinch\n-----\n\nSet to `true` to enable pinch to zoom support on touch devices. Defaults to\n`true` if either the `wheel` or `controls` option is set to `true`."]]
