Tutorial by Examples: com

quadraticCurveTo (a path command)

context.quadraticCurveTo(controlX, controlY, endingX, endingY) Draws a quadratic curve starting at the current pen location to a given ending coordinate. Another given control coordinate determines the shape (curviness) of the curve. <!doctype html> <html> <head> <style...

html5-canvas • Path (Syntax only)

bezierCurveTo (a path command)

context.bezierCurveTo(control1X, control1Y, control2X, control2Y, endingX, endingY) Draws a cubic Bezier curve starting at the current pen location to a given ending coordinate. Another 2 given control coordinates determine the shape (curviness) of the curve. <!doctype html> <html&gt...

html5-canvas • Path (Syntax only)

arcTo (a path command)

context.arcTo(pointX1, pointY1, pointX2, pointY2, radius); Draws a circular arc with a given radius. The arc is drawn clockwise inside the wedge formed by the current pen location and given two points: Point1 & Point2. A line connecting the current pen location and the start of the arc is au...

html5-canvas • Path (Syntax only)

rect (a path command)

context.rect(leftX, topY, width, height) Draws a rectangle given a top-left corner and a width & height. <!doctype html> <html> <head> <style> body{ background-color:white; } #canvas{border:1px solid red; } </style> <script> window.onload...

html5-canvas • Path (Syntax only)

closePath (a path command)

context.closePath() Draws a line from the current pen location back to the beginning path coordinate. For example, if you draw 2 lines forming 2 legs of a triangle, closePath will "close" the triangle by drawing the third leg of the triangle from the 2nd leg's endpoint back to the firs...

html5-canvas • Path (Syntax only)

beginPath (a path command)

context.beginPath() Begins assembling a new set of path commands and also discards any previously assembled path. It also moves the drawing "pen" to the top-left origin of the canvas (==coordinate[0,0]). Although optional, you should ALWAYS start a path with beginPath The discarding ...

html5-canvas • Path (Syntax only)

Create a View Component

View components encapsulate reusable pieces of logic and views. They are defined by: A ViewComponent class containing the logic for fetching and preparing the data for the view and deciding which view to render. One or more views Since they contain logic, they are more flexible than partial v...

asp.net-core • View Components

Login View Component

The default project template creates a partial view _LoginPartial.cshtml which contains a bit of logic for finding out whether the user is logged in or not and find out its user name. Since a view component might be a better fit (as there is logic involved and even 2 services injected) the followin...

asp.net-core • View Components

Comparison

Comparison operators compare two values and return to you a boolean (True or False) as the result. Equality The equal sign = is used both for equality comparison and assignment. If leftValue = rightValue Then ... Inequality The left angle bracket nest to the right angle bracket <> p...

Visual Basic .NET Language • Operators

execute command on lines that contain text

The :global command already has its own topic: The global command

vim • Searching in the current buffer

Lexer commands

A lexer rule can have associated commands: WHITESPACE: [ \r\n] -> skip; Commands are defined after a -> at the end of the rule. skip: Skips the matched text, no token will be emited channel(n): Emits the token on a different channel type(n): Changes the emitted token type mode(n), pu...

ANTLR • Lexer rules in v4

Opening a Command Prompt

The command prompt comes pre-installed on all Windows NT, Windows CE, OS/2 and eComStation operating systems, and exists as cmd.exe, typically located in C:\Windows\system32\cmd.exe On Windows 7 the fastest ways to open the command prompt are: Press Win 𐌎, type "cmd" and then press ...

batch-file • Getting started with batch-file

Interactive and screen-based commands

Many commands and programs in the remote side are screen-based (e.g. mc) or they need to ask password (e.g. sudo), to be able to run these kind of programs you can use option -t. ssh -t [email protected] sudo ls / [sudo] password for alice: bin root dev etc home lib mnt opt proc root run usr ...

Secure Shell • Remote commands

Global boolean with checkbox:checked and ~ (general sibling combinator)

With the ~ selector, you can easily implement a global accessible boolean without using JavaScript. Add boolean as a checkbox To the very beginning of your document, add as much booleans as you want with a unique id and the hidden attribute set: <input type="checkbox" id="sideba...

CSS • Selectors

Understanding Monads comes from practice

This topic is intended for intermediate to advanced F# developers "What are Monads?" is a common question. This is easy to answer but like in Hitchhikers guide to galaxy we realize we don't understand the answer because we didn't know what we were asking after. Many believe the way to un...

F# • Monads

Multi-Line Comment

Everything between /* and */ is commented. void main() { for (int i = 0; i < 5; i++) { /* This is commented, and will not affect code */ print('hello ${i + 1}'); } }

dart • Comments

Compute the average of values in a column from tabular data

Given a file using ; as a column delimiter. We compute the mean of the values in the second column with the following program, the provided input is the list of grades of a student group: awk -F';' '{ sum += $2 } END { print(sum / NR) }' <<EOF Alice;2 Victor;1 Barbara;1 Casper;4 Deborah;...

awk • Useful one-liners - calculating average from a CSV etc

Compute the median of values in a column from tabular data

Given a file using ; as a column delimiter. We compute the median of the values in the second column with the following program, written for GNU awk. The provided input is the list of grades of a student group: gawk -F';' '{ sample[NR] = $2 } END { asort(sample); if(NR % 2 == 1) { p...

awk • Useful one-liners - calculating average from a CSV etc

Chosing your communication mode

Matlab supports synchronous and asynchronous communication with a serial port. It is important to chose the right communication mode. The choice will depend on: how the instrument you are communicating with behave. what other functions your main program (or GUI) will have to do aside from managi...

MATLAB Language • Using serial ports

Create more complex thread

Using a subclass of NSThread allows implementation of more complex threads (for example, to allow passing more arguments or to encapsulate all related helper methods in one class). Additionally, the NSThread instance can be saved in a property or variable and can be queried about its current state ...

Objective-C Language • Multi-Threading