Get the App
SLTechnology News&Howtos  ›  Development  › 

How to draw a rectangle with Mini Program

Shulou Source: shulou.com Published: 2022-06-01 06:45:45 09月10日 Update

This article mainly introduces the relevant knowledge of how to use Mini Program to draw a rectangle, the content is detailed and easy to understand, the operation is simple and fast, and has a certain reference value. I believe you will gain something after reading this article on how to draw a rectangle with Mini Program. Let's take a look.

CanvasContext.strokeRect definition

Draw a rectangle (unfilled).

Tip: use setFillStroke () to set the color of rectangular lines. If not, it defaults to black.

The range of parameter types indicates the width of the xNumber rectangular path in the upper left corner of the x coordinate yNumber rectangular path in the upper left corner of the y coordinate widthNumber rectangular path the height example of the heightNumber rectangular path const ctx = wx.createCanvasContext ('myCanvas') ctx.setStrokeStyle (' red') ctx.strokeRect (10,10,150,75) ctx.draw () on "how to draw a rectangle with Mini Program" this article is introduced here, thank you for reading! I believe you all have a certain understanding of the knowledge of "how to draw a rectangle with Mini Program". If you want to learn more, you are welcome to follow the industry information channel.

Tags: Rectangle program path knowledge content parameters coordinates upper left corner article value example width easy to operate article easy to understand more see type line range Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno Redmi Shulou Tech Info Apple NVidia Microsoft