Что такое код swfshape >drawline


FPublisher

Web-технологии: База знаний

Документация PHP

SWFShape->drawLine()

SWFShape->drawLine() — Draws a line (relative)

Описание

void drawLine ( int $dx , int $dy )

Эта функция является ЭКСПЕРИМЕНТАЛЬНОЙ. Поведение этой функции, ее имя и относящаяся к ней документация могут измениться в последующих версиях PHP без уведомления. Используйте эту функцию на свой страх и риск.

swfshape->drawline() draws a line (using the current line style set by swfshape->setline()) from the current pen position to displacement ( dx , dy ).

Возвращаемые значения

Эта функция не возвращает значения после выполнения.

Что такое код swfshape >drawline

(no version information, might be only in CVS)

SWFShape->drawLineTo — Draws a line

Description vo >swfshape->drawlineto ( int x, int y )

This function is EXPERIMENTAL . The behaviour of this function, the name of this function, and anything else documented about this function may change without notice in a future release of PHP. Use this function at your own risk.

swfshape->setrightfill() draws a line (using the current line style, set by swfshape->setline() ) from the current pen position to point ( x , y ) in the shape’s coordinate space.

See also swfshape->movepento() , swfshape->drawcurveto() , swfshape->movepen() and swfshape->drawline() .

Draw a shape with the Pencil, Line, Arc, or Freeform tools

You can create your own custom shapes by using the rectangle, ellipse, arc, freeform, and pencil shapes in Visio.

If you want to be able to apply fill colors to your new shape, you need to create a closed shape. If you use the Rectangle tool or the Ellipse tool, you get closed shapes automatically. By default, closed shapes are filled with a solid color.

In this example, the rectangle is a closed shape because it is filled with a solid color. You can tell that the triangle is not closed because it is not filled with a solid color and you can see the drawing background through the shape.

What do you want to do?

Draw a rectangle or circle

On the Home tab, in the Tools group, click the arrow next to Rectangle , and then do one of the following:


To draw a rectangle, select the Rectangle tool.

To draw a circle or oval, select the Ellipse tool.

Drag to draw the shape on the drawing page.

To return to regular editing, in the Tools group, click the Pointer tool.

Draw a custom shape

On the Home tab, in the Tools group, click the arrow next to Rectangle , and then do one of the following:

To draw a straight line, select the Line tool.

To draw an irregular shape, select the Freeform tool.

To draw a curved line, select the Arc tool.

To draw the first segment, point to where you want to start the shape, and then drag until the segment is the size that you want.

After you draw the segment, the shape displays vertices .

To draw the second segment, point to the vertex of the first segment, and then drag.

To draw additional segments, point to the vertex at the end of the last segment that you added, and then drag to draw the next segment.

Note: To undo a segment, press CTRL+Z. Segments are deleted in the reverse order in which they were drawn.

To close the shape, drag the endpoint of the last segment that you create over the vertex at the beginning of the first segment. The shape becomes opaque, which indicates that it is a closed shape.

To return to regular editing, on the Home tab, in the Tools group, click the Pointer tool .

Edit a shape

You can edit most shapes in Visio by adding, deleting, and reshaping segments in the shape.

Delete a segment from a shape

On the Home tab, in the Tools group, click the arrow next to Rectangle , and then click the Pencil tool .

Select the shape that you want to delete a segment from, click the vertex that you want to delete, and then press DELETE.

Add a segment to a shape

On the Home tab, in the Tools group, click the arrow next to Rectangle , and then click the Pencil tool .

Select the shape the shape that you want to add a segment to, point to where you want to add the segment, and hold down the CTRL key and then click.

A new vertex appears where you clicked the shape, creating a new segment.

Reshape a shape


On the Home tab, in the Tools group, click the arrow next to Rectangle , and then click the Pencil tool .

Select the shape, click the vertex that you want to move, and then drag the vertex to a new position.

Create a new master shape

You can reuse your custom shape in other drawings by making it a master shape. To turn a custom shape into a master shape, do the following?

In the Shapes pane, click More Shapes, and then select a custom stencil or create a new custom stencil by selecting New Stencil (US units) or New Stencil (Metric).

On the drawing page, select your custom shape and drag it into the new stencil in the Shapes pane.

To rename your new master shape, right-click the shape, select Rename Master, and then type a name for the new master shape.

In the Shapes pane, on the custom stencil, click Save to save the changes to the custom stencil with the new master shape.

For more information about how to create a new master shape, see Create a shape or Edit a master shape.

Что такое код swfshape >drawline

SWFShape->drawLine — рисует линию (относительно).

Описание

void swfshape->drawline (int dx, int dy)

Warning

Эта функция — ЭКСПЕРИМЕНТАЛЬНАЯ. Поведение, имя и всё остальное, что задокументировано для данной функции может быть изменено в будущих релизах РНР без предупреждения. Вы можете использовать эту функцию только на свой страх и риск.

swfshape->drawline() рисует линию (с использованием текущего стиля линии, установленного функцией swfshape->setline() ) от текущей позиции карандаша до перемещения/displacement ( dx , dy ).

См. также swfshape->movepento() , swfshape->drawcurveto() , swfshape->movepen() и swfshape->drawlineto() .

Компонент Shape

Компонент Shape представляет собой различные геометрические фигуры, соответствующим образом заштрихованные. Основное свойство этого компонента — Shape (форма), которое может принимать значения:

Предупреждение!
stRectangle прямоугольник stSquare квадрат
stRoundRect прямоугольник со скругленными углами stRoundSquare квадрат со скругленными углами
stEllipse эллипс stCircle круг

Другое существенное свойство компонента — Brush (кисть). Это свойство является объектом типа TBrush, имеющим ряд подсвойств, в частности: цвет (Brush.Color) и стиль (Brush.Style) заливки фигуры.

Style — свойство TBrush. Свойство кисти Style определяет шаблон, которым рисует кисть Brush, если для нее не задано значение свойства Bitmap.

Возможные значения Style:

— bsSolid – сплошная заливка

— bsCross – заливка в клеточку

— hsDiagCross – диагональная клеточка


— bsBDiagonal – косые линии с правым наклоном

— bsHorizontal – горизонтальные линии

— bsFDiagonal — косые линии с левым наклоном

— bsVertical – вертикальные линии

Третье из специфических свойство компонента Shape — Pen (перо), определяющее стиль линий.

Задание 1

Создайте при помощи нескольких компонентов, изменяя, при необходимости их свойства, модель светофора в виде прямоугольника синего цвета. Задайте компоненту, изображающему красный фонарь, имя (свойство Name) Red, желтый фонарь – имя Yellow, зеленый фонарь – имя Green.

1. Добавьте в форму компонент Timer(вкладка System).

2. Измените свойство Nameэтого компонента на Timer.

3. Дважды щелкните по компоненту Timer, который уже расположен на форме. Откроется окно редактора кода. Курсор расположен между открывающей и закрывающей тело функции скобками.

Далее приводится текст обработчика события для компонента таймер. Введите следующий код.

if(Red −> Brush −> Color = = clRed)

Red −> Brush −> Color = clGray;

Yellow −> Brush −> Color = clYellow;

Else

if(Yellow −> Brush −> Color = = clYellow)

Yellow −> Brush −> Color = clGray;

Green −> Brush −> Color = clGreen;

Else

Green −> Brush −> Color = clGray;

Red −> Brush −> Color = clRed;

4. Сохраните созданное приложение.

5. Нажмите клавишу F9, для запуска программы на выполнение.

6. После компиляции программы (выявленные компилятором ошибки в программе устраните самостоятельно) откроется окно с созданным Вами приложением. Проанализируйте работу данного приложения в соответствие с записанным ранее программным модулем.

Задание 2


Создать приложение на движение компонентов. Создание приложения «Поршень» начнем с того, что поместим на форму необходимые компоненты, так же как это показано на рис. 4.

1. Компоненты находятся во вкладках: Shape(Additional), Button(Standard), Timer(System).

Рис. 1. Пример заполнения формы приложение «Поршень»

2. Далее, при нажатии на кнопку −> «поршень» (Shape4) должен двигаться вправо, а при нажатии на кнопку Enabled=true;//включаем таймер

Timer1 −> OnTimer=Button1Click;//задаем режим //повторений

if(Shape1 −> Brush −> Color= =clRed)

Shape1 −> Brush −> Color=clWhite;

if(Shape4 −> Left+Shape4 −> W > Left+Shape3 −> Width)

Shape4 −> Left=Shape3 −> Left+Shape3 −> Width–Shape4 −> Width; //останавливаем поршень

Shape2 −> Brush −> Color=clGreen; //включаем лампу

Timer1 −> Enabled=false; //выключаем таймер

Else

Shape4 −> Left+=1; //перемещаем поршень на 1

5. Теперь щелкните на Button2, откроется редактор кода на событии Button2Click. Нужно записать следующее:

if(Shape2 −> Brush −> Color= =clGreen)

Shape2 −> Brush −> Color=clWhite; if(Shape4 −> Left= =Shape3 −> Left)

Shape4 −> Left=Shape3 −> Left;

Shape1 −> Brush −> Color=clRed;

Else

Shape4 −> Left– =1; //перемещаем поршень на 1 влево

Написаны два обработчика событий, которые будут выполняться всякий раз, когда выбирается соответствующая кнопка (Button1 или Button2).

Запустите приложение на выполнение.

Не нашли то, что искали? Воспользуйтесь поиском:

Лучшие изречения: При сдаче лабораторной работы, студент делает вид, что все знает; преподаватель делает вид, что верит ему. 9340 — | 7295 — или читать все.

188.64.174.135 © studopedia.ru Не является автором материалов, которые размещены. Но предоставляет возможность бесплатного использования. Есть нарушение авторского права? Напишите нам | Обратная связь.

Отключите adBlock!
и обновите страницу (F5)

очень нужно


Что такое код swfshape >drawline

SWFShape->drawLine — рисует линию (относительно).

Описание

void swfshape->drawline (int dx, int dy)

Эта функция — ЭКСПЕРИМЕНТАЛЬНАЯ. Поведение, имя и всё остальное, что задокументировано для данной функции может быть изменено в будущих релизах РНР без предупреждения. Вы можете использовать эту функцию только на свой страх и риск.

swfshape->drawline() рисует линию (с использованием текущего стиля линии, установленного функцией swfshape->setline() ) от текущей позиции карандаша до перемещения/displacement ( dx , dy ).

См. также swfshape->movepento() , swfshape->drawcurveto() , swfshape->movepen() и swfshape->drawlineto() .

Drawing shapes with canvas

Now that we have set up our canvas environment, we can get into the details of how to draw on the canvas. By the end of this article, you will have learned how to draw rectangles, triangles, lines, arcs and curves, providing familiarity with some of the basic shapes. Working with paths is essential when drawing objects onto the canvas and we will see how that can be done.

The grid

Before we can start drawing, we need to talk about the canvas grid or coordinate space. Our HTML skeleton from the previous page had a canvas element 150 pixels wide and 150 pixels high. To the right, you see this canvas with the default grid overlayed. Normally 1 unit in the grid corresponds to 1 pixel on the canvas. The origin of this grid is positioned in the top left corner at coordinate (0,0). All elements are placed relative to this origin. So the position of the top left corner of the blue square becomes x pixels from the left and y pixels from the top, at coordinate (x,y). Later in this tutorial we’ll see how we can translate the origin to a different position, rotate the grid and even scale it, but for now we’ll stick to the default.

Drawing rectangles

Unlike SVG, element with either the canvas scripting API or the WebGL API to draw graphics and animations.»> only supports two primitive shapes: rectangles and paths (lists of points connected by lines). All other shapes must be created by combining one or more paths. Luckily, we have an assortment of path drawing functions which make it possible to compose very complex shapes.

First let’s look at the rectangle. There are three functions that draw rectangles on the canvas:

fillRect(x, y, width, height) Draws a filled rectangle. strokeRect(x, y, width, height) Draws a rectangular outline. clearRect(x, y, width, height) Clears the specified rectangular area, making it fully transparent.

Each of these three functions takes the same parameters. x and y specify the position on the canvas (relative to the origin) of the top-left corner of the rectangle. width and height provide the rectangle’s size.

Below is the draw() function from the previous page, but now it is making use of these three functions.

Rectangular shape example

This example’s output is shown below.

Предупреждение!
Screenshot Live sample

The fillRect() function draws a large black square 100 pixels on each side. The clearRect() function then erases a 60×60 pixel square from the center, and then strokeRect() is called to create a rectangular outline 50×50 pixels within the cleared square.

In upcoming pages we’ll see two alternative methods for clearRect() , and we’ll also see how to change the color and stroke style of the rendered shapes.

Unlike the path functions we’ll see in the next section, all three rectangle functions draw immediately to the canvas.

Drawing paths

Now let’s look at paths. A path is a list of points, connected by segments of lines that can be of different shapes, curved or not, of different width and of different color. A path, or even a subpath, can be closed. To make shapes using paths, we take some extra steps:


  1. First, you create the path.
  2. Then you use drawing commands to draw into the path.
  3. Once the path has been created, you can stroke or fill the path to render it.

Here are the functions used to perform these steps:

beginPath() Creates a new path. Once created, future drawing commands are directed into the path and used to build the path up. Path methods Methods to set different paths for objects. closePath() Adds a straight line to the path, going to the start of the current sub-path. stroke() Draws the shape by stroking its outline. fill() Draws a solid shape by filling the path’s content area.

The first step to create a path is to call the beginPath() . Internally, paths are stored as a list of sub-paths (lines, arcs, etc) which together form a shape. Every time this method is called, the list is reset and we can start drawing new shapes.

The second step is calling the methods that actually specify the paths to be drawn. We’ll see these shortly.

The third, and an optional step, is to call closePath() . This method tries to close the shape by drawing a straight line from the current point to the start. If the shape has already been closed or there’s only one point in the list, this function does nothing.

Drawing a triangle

For example, the code for drawing a triangle would look something like this:

The result looks like this:

Screenshot Live sample

Moving the pen

One very useful function, which doesn’t actually draw anything but becomes part of the path list described above, is the moveTo() function. You can probably best think of this as lifting a pen or pencil from one spot on a piece of paper and placing it on the next.

moveTo(x, y) Moves the pen to the coordinates specified by x and y .

When the canvas is initialized or beginPath() is called, you typically will want to use the moveTo() function to place the starting point somewhere else. We could also use moveTo() to draw unconnected paths. Take a look at the smiley face below.

To try this for yourself, you can use the code snippet below. Just paste it into the draw() function we saw earlier.

The result looks like this:

Screenshot Live sample

If you’d like to see the connecting lines, you can remove the lines that call moveTo() .

Note: To learn more about the arc() function, see the Arcs section below.

Lines

For drawing straight lines, use the lineTo() method.

lineTo(x, y) Draws a line from the current drawing position to the position specified by x and y .

This method takes two arguments, x and y , which are the coordinates of the line’s end point. The starting point is dependent on previously drawn paths, where the end point of the previous path is the starting point for the following, etc. The starting point can also be changed by using the moveTo() method.

The example below draws two triangles, one filled and one outlined.


This starts by calling beginPath() to start a new shape path. We then use the moveTo() method to move the starting point to the desired position. Below this, two lines are drawn which make up two sides of the triangle.

Screenshot Live sample

You’ll notice the difference between the filled and stroked triangle. This is, as mentioned above, because shapes are automatically closed when a path is filled, but not when they are stroked. If we left out the closePath() for the stroked triangle, only two lines would have been drawn, not a complete triangle.

To draw arcs or circles, we use the arc() or arcTo() methods.

arc(x, y, radius, startAngle, endAngle, anticlockwise) Draws an arc which is centered at (x, y) position with radius r starting at startAngle and ending at endAngle going in the given direction indicated by anticlockwise (defaulting to clockwise). arcTo(x1, y1, x2, y2, radius) Draws an arc with the given control points and radius, connected to the previous point by a straight line.

Let’s have a more detailed look at the arc method, which takes six parameters: x and y are the coordinates of the center of the circle on which the arc should be drawn. radius is self-explanatory. The startAngle and endAngle parameters define the start and end points of the arc in radians, along the curve of the circle. These are measured from the x axis. The anticlockwise parameter is a Boolean value which, when true , draws the arc anticlockwise; otherwise, the arc is drawn clockwise.

Note: Angles in the arc function are measured in radians, not degrees. To convert degrees to radians you can use the following JavaScript expression: radians = (Math.PI/180)*degrees .

The following example is a little more complex than the ones we’ve seen above. It draws 12 different arcs all with different angles and fills.

The two for loops are for looping through the rows and columns of arcs. For each arc, we start a new path by calling beginPath() . In the code, each of the parameters for the arc is in a variable for clarity, but you wouldn’t necessarily do that in real life.

The x and y coordinates should be clear enough. radius and startAngle are fixed. The endAngle starts at 180 degrees (half a circle) in the first column and is increased by steps of 90 degrees, culminating in a complete circle in the last column.

The statement for the clockwise parameter results in the first and third row being drawn as clockwise arcs and the second and fourth row as counterclockwise arcs. Finally, the if statement makes the top half stroked arcs and the bottom half filled arcs.

Note: This example requires a slightly larger canvas than the others on this page: 150 x 200 pixels.

Screenshot Live sample

Bezier and quadratic curves

The next type of paths available are Bézier curves, available in both cubic and quadratic varieties. These are generally used to draw complex organic shapes.

quadraticCurveTo(cp1x, cp1y, x, y) Draws a quadratic Bézier curve from the current pen position to the end point specified by x and y , using the control point specified by cp1x and cp1y . bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y) Draws a cubic Bézier curve from the current pen position to the end point specified by x and y , using the control points specified by ( cp1x , cp1y ) and (cp2x, cp2y).

The difference between these can best be described using the image on the right. A quadratic Bézier curve has a start and an end point (blue dots) and just one control point (indicated by the red dot) while a cubic Bézier curve uses two control points.

The x and y parameters in both of these methods are the coordinates of the end point. cp1x and cp1y are the coordinates of the first control point, and cp2x and cp2y are the coordinates of the second control point.

Using quadratic and cubic Bézier curves can be quite challenging, because unlike vector drawing software like Adobe Illustrator, we don’t have direct visual feedback as to what we’re doing. This makes it pretty hard to draw complex shapes. In the following example, we’ll be drawing some simple organic shapes, but if you have the time and, most of all, the patience, much more complex shapes can be created.

There’s nothing very difficult in these examples. In both cases we see a succession of curves being drawn which finally result in a complete shape.

Quadratic Bezier curves

This example uses multiple quadratic Bézier curves to render a speech balloon.

Screenshot Live sample

Cubic Bezier curves

This example draws a heart using cubic Bézier curves.

Screenshot Live sample


Rectangles

In addition to the three methods we saw in Drawing rectangles, which draw rectangular shapes directly to the canvas, there’s also the rect() method, which adds a rectangular path to a currently open path.

rect(x, y, width, height) Draws a rectangle whose top-left corner is specified by ( x , y ) with the specified width and height .

Before this method is executed, the moveTo() method is automatically called with the parameters (x,y). In other words, the current pen position is automatically reset to the default coordinates.

Making combinations

So far, each example on this page has used only one type of path function per shape. However, there’s no limitation to the number or types of paths you can use to create a shape. So in this final example, let’s combine all of the path functions to make a set of very famous game characters.

The resulting image looks like this:

Screenshot Live sample

We won’t go over this in detail, since it’s actually surprisingly simple. The most important things to note are the use of the fillStyle property on the drawing context, and the use of a utility function (in this case roundedRect() ). Using utility functions for bits of drawing you do often can be very helpful and reduce the amount of code you need, as well as its complexity.

We’ll take another look at fillStyle , in more detail, later in this tutorial. Here, all we’re doing is using it to change the fill color for paths from the default color of black to white, and then back again.

Path2D objects

As we have seen in the last example, there can be a series of paths and drawing commands to draw objects onto your canvas. To simplify the code and to improve performance, the Path2D object, available in recent versions of browsers, lets you cache or record these drawing commands. You are able to play back your paths quickly.
Lets see how we can construct a Path2D object:

Path2D() The Path2D() constructor returns a newly instantiated Path2D object, optionally with another path as an argument (creates a copy), or optionally with a string consisting of SVG path data.

All path methods like moveTo , rect , arc or quadraticCurveTo , etc., which we got to know above, are available on Path2D objects.

The Path2D API also adds a way to combine paths using the addPath method. This can be useful when you want to build objects from several components, for example.

Path2D.addPath(path [, transform]) Adds a path to the current path with an optional transformation matrix.

Path2D example

In this example, we are creating a rectangle and a circle. Both are stored as a Path2D object, so that they are available for later usage. With the new Path2D API, several methods got updated to optionally accept a Path2D object to use instead of the current path. Here, stroke and fill are used with a path argument to draw both objects onto the canvas, for example.

Screenshot Live sample

Using SVG paths

Another powerful feature of the new canvas Path2D API is using SVG path data to initialize paths on your canvas. This might allow you to pass around path data and re-use them in both, SVG and canvas.

The path will move to point ( M10 10 ) and then move horizontally 80 points to the right ( h 80 ), then 80 points down ( v 80 ), then 80 points to the left ( h -80 ), and then back to the start ( z ). You can see this example on the Path2D constructor page.

Метод Shape. DrawLine (Visio) Shape.DrawLine method (Visio)

Добавляет линию в коллекцию Shapes фигуры группы. Adds a line to the Shapes collection of a group shape.

Синтаксис Syntax

выражение. expression. DrawLine ( _xBegin_ , _yBegin_ , _xEnd_ , _yEnd_ )


Expression (выражение ) Переменная, представляющая объект Shape . expression A variable that represents a Shape object.

Параметры Parameters

Имя Name Обязательный или необязательный Required/Optional Тип данных Data type Описание Description
Ксбегин xBegin Обязательный Required Double Double Координата x начальной точки линии. The x-coordinate of the line’s begin point.
Ибегин yBegin Обязательный Required Double Double Координата y начальной точки линии. The y-coordinate of the line’s begin point.
Ксенд xEnd Обязательный Required Double Double Координата x конечной точки линии. The x-coordinate of the line’s endpoint.
Енд yEnd Обязательный Required Double Double Координата y конечной точки линии. The y-coordinate of the line’s endpoint.

Возвращаемое значение Return value

Примечания Remarks

Использование метода DrawLine эквивалентно использованию инструмента » линия » в Microsoft Visio. Using the DrawLine method is equivalent to using the Line tool in Microsoft Visio. Аргументы находятся во внутренних единицах рисования относительно пространства координат страницы, образца или группы, в которой размещается строка. The arguments are in internal drawing units with respect to the coordinate space of the page, master, or group where the line is being placed.

Пример Example

В приведенном ниже примере показано, как нарисовать фигуру линии на активной странице. The following example shows how to draw a line shape on the active page.

Поддержка и обратная связь Support and feedback

Есть вопросы или отзывы, касающиеся Office VBA или этой статьи? Have questions or feedback about Office VBA or this documentation? Руководство по другим способам получения поддержки и отправки отзывов см. в статье Поддержка Office VBA и обратная связь. Please see Office VBA support and feedback for guidance about the ways you can receive support and provide feedback.

How to draw shapes using CAShapeLayer

Swift version: 5.1

There are lots of CALayer subclasses out there, but CAShapeLayer is one of my favorites: it provides hardware-accelerated drawing of all sorts of 2D shapes, and includes extra functionality such as fill and stroke colors, line caps, patterns and more.

To get you started, this uses UIBezierPath to create a rounded rectangle, which is then colored red using CAShaperLayer . Remember, CALayer sits underneath UIKit, so you need to use CGColor rather than UIColor .

SAVE 20% ON iOS CONF SG The largest iOS conference in Southeast Asia is back in Singapore for the 5th time in January 2020, now with two days of workshops plus two days of talks on SwiftUI, Combine, GraphQL, and more! Save a massive 20% on your tickets by clicking on this link.

Available from iOS 3.0

Similar solutions…

About the Swift Knowledge Base

This is part of the Swift Knowledge Base, a free, searchable collection of solutions for common iOS questions.

SWFShape::drawLine

(PHP 5 SWFShape::drawLine — Draws a line (relative)

Описание

Эта функция является ЭКСПЕРИМЕНТАЛЬНОЙ. Поведение этой функции, ее имя и относящаяся к ней документация могут измениться в последующих версиях PHP без уведомления. Используйте эту функцию на свой страх и риск.

swfshape::drawline() draws a line (using the current line style set by swfshape::setline() ) from the current pen position to displacement ( dx , dy ).

Возвращаемые значения

Эта функция не возвращает значения после выполнения.

Илон Маск рекомендует:  Что такое код printer_logical_fontheight
Понравилась статья? Поделиться с друзьями:
Кодинг, CSS и SQL