Tutorial by Examples

<svg width="400px" height="400px"> <defs> <rect id="defrect" fill="blue" fill-opacity=".5" x="50" y="50" width="100" height="100"/> </defs> <rect fill="red" x="...

<svg width="600px" height="600px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline points="10,10,50,40,80,30,120,90,130,10,180,50,250,100,300,10" fill="none" stroke="red" s...

<svg width="400px" height="400px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <line x1="10" y1="10" x2="300" y2="10" stroke="red" stroke-width="10" str...

<svg width="600px" height="400px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <line x1="10" y1="20" x2="300" y2="20" stroke="red" stroke-width="20"...

SVG Patterns behave significantly differently than CSS background images when filling equivalent shapes. This can lead to significant surprises for new-comers to SVG. Below are examples of a pattern defined in all possible combinations of patternUnits and patternContentUnits - showing how these sett...

<svg width="800px" height="800px"> <defs> <pattern id="pattern1" x="0" y="0" width="0.2" height="0.2" > <circle cx="10" cy="10" r="10" fill="blue" /> <...

Detailed instructions on getting virtualbox set up or installed.

To add a language to Sublime Text, you use Package Control. You can do this by pasting the correct Python code (available on the Package Control site linked above), or by downloading the .sublime-package file (also available for download on the site). Once you set up Package Control, restart Sublime...

element.style only reads CSS properties set inline, as an element attribute. However, styles are often set in an external stylesheet. The actual style of an element can be accessed with window.getComputedStyle(element). This function returns an object containing the actual computed value of all the ...

Scoped enumerations: ... enum class Status; // Forward declaration Status doWork(); // Use the forward declaration ... enum class Status { Invalid, Success, Fail }; Status doWork() // Full declaration required for implementation { return Status::Success; } Unscoped enumerations:...

Detailed instructions on getting oauth-2.0 set up or installed.

Input can also be read from files. Files can be opened using the built-in function open. Using a with <command> as <name> syntax (called a 'Context Manager') makes using open and getting a handle for the file super easy: with open('somefile.txt', 'r') as fileobj: # write code here ...

In this example, we are going to create an image picker that previews your picture before uploading. The previewer also supports drag and dropping files into the input. In this example, I am only going to cover uploading single files, but you can tinker a bit to get multi file upload working. image...

For live demo click.. App index ts import {bootstrap} from '@angular/platform-browser-dynamic'; import {MyForm} from './my-form.component.ts'; bootstrap(MyForm); Custom validator import {Control} from @'angular/common'; export class CustomValidators { static emailFormat(control: Cont...

In bash, every command in a pipeline is executed in a subshell. In zsh, the last command in a pipeline is executed in current shell. For example, the following code var="before" echo "after" | read var echo $var will print before in bash, but after in zsh.

This is a basic example of a C Extension using C++ and Boost. C++ Code C++ code put in hello.cpp: #include <boost/python/module.hpp> #include <boost/python/list.hpp> #include <boost/python/class.hpp> #include <boost/python/def.hpp> // Return a hello world string. st...

M-x magit-status s RET <file-to-stage> RET c c <commit message> C-c C-c q

CALL "submodule" CALL "submodule" CANCEL "submodule" CALL "submodule" Any static data in the working set of submodule will be in an initial state on the last CALL statement above. The second CALL will have any initial values set as left overs from the...

COBOL can use static linkage for the following statement. GnuCOBOL uses dynamic linkage by default for all external symbols known at compile time, even when the symbol is a literal: CALL "subprogram" USING a b c *> run a (possibly static linked) sub program ...

nginx -s reload