#Sketch ruler tool code
If you need to download the source code or provide PR, please download the 1x branch. 1x basically does not change the original functions. If there are no bugs behind it, it will not be maintained. The 1x version here has the same function as Vue sketch ruler.
In addition, Vue Demi is only 18.2 KB, which is very small, and only plays the role of Vue version switching, If the plug-in is used in vue2 / vue3, it needs to be installed with Vue Demi plug-in.
#Sketch ruler tool upgrade
Nuggets: large screen page zoom plug-in - upgrade Attention Peers or interested parties can leave messages for communication Support the introduction of nuxt3 plug-in (the error messages not defined in window have been handled)
Package and set the type (support TS type prompt) After improvement, I can only pass the attributes that need to be modified, and those that have not been modified can not be passed In the past, palette parameters were either passed or not passed. Perform object consolidation calculation for shadow and palette parameters. Refactoring with typescript to define types and facilitate subsequent expansion The eslint repair of vue3 and the code formatting of stylelint and pretty support the use of sketchrule in vue3 and rewrite it to the writing method of vue3 composition API The function is the same as that of vue3 sketch ruler before. The original code has been improved and optimized here.
The packaged plug-in works the same as the original and supports the use in vue3 and vite Use Vue Demi, a set of code, package plug-ins in two environments, and support the use in vue2 and vue3 at the same time (when NPM installs plug-ins, it will automatically judge to load the code of the corresponding Vue version)Īpplication case: Avenue large screen visualization toolĪs the project was upgraded to vite, I found that the original plug-in Vue sketch ruler would report an error when used in vue3. Vue 3 + vite + TS package sketchrule ExplainĪpplication scope of plug-in: it is suitable for operating page scaling tools on low code platforms, such as drawing tools, large screen visualization, drawing tools, drawing monsters, etc., with scaling effects similar to PS You will also find selection, symmetry, shapes, fill, transforms, text, image import, guide tools and time-lapse record.In using vue3/vue2, zoom operation for page display Tap in the toolbar to choose for a collection of tools for helping you build your sketch. You will also find selection, symmetry, shapes, fill, transforms, text, image import, and guide tools.Īll your tools are found under (the Tools menu). The version of Sketchbook you are running and device determine the tools and location of these tools.Īll your tools are in the main toolbar. When Pen Mode is on, you can still interact with the palettes and menus using touch, but the canvas will not recognize touch. This can be useful to people using a 2-in-1 computer, or a tablet PC, who may rest their hand on the screen and wish to avoid inadvertent marks on the canvas. When Pen Mode is enabled, only your stylus will make marks on the canvas, you will not be able to draw with touch.
#Sketch ruler tool full
Notice how Guides is full blue? It’s the active tool. Select Guides, then Ruler. Notice how Symmetry is still outlined in blue, it is now the secondary tool. The outlined tool is the secondary tool.įor an example of two active tools, let’s say you are working in Symmetry, and want to draw a straight line. When you see a tool icon outlined in blue (not all blue), it means two tools are active. Some tools in Sketchbook can be used in combination with others. When a tool is active, the icon is highlighted blue. In most versions, the main repository for tools is the toolbar. The version of Sketchbook you are running will determine the tools and location of these tools. We have an assortment of sketching tools to help you create your image.
0 kommentar(er)
