SVG - Revision history

Tacoball: /* 常用換算 */

2018-08-06T10:26:36Z

常用換算

← Older revision		Revision as of 10:26, 6 August 2018
Line 33:		Line 33:

	= 常用換算 =		= 常用換算 =
			{\| class="wikitable"
			! TODO \|\| Code
			\|-
			\| Get width of <text> element. \|\|
	<source lang="js">		<source lang="js">
	Math.max.apply(null, d3.selectAll("text").nodes().map((e) => { return e.getBBox().width; }))		Math.max.apply(null, d3.selectAll("text").nodes().map((e) => { return e.getBBox().width; }))
	</source>		</source>
			\|}

	= 常用濾鏡 =		= 常用濾鏡 =

2018-08-06T10:25:13Z

常用換算

← Older revision		Revision as of 10:25, 6 August 2018
Line 33:		Line 33:

	= 常用換算 =		= 常用換算 =
			<source lang="js">
	Math.max.apply(null, d3.selectAll("text").nodes().map((e) => { return e.getBBox().width; }))		Math.max.apply(null, d3.selectAll("text").nodes().map((e) => { return e.getBBox().width; }))
			</source>

	= 常用濾鏡 =		= 常用濾鏡 =

2018-08-06T10:23:05Z

Better approach to trigger an event

← Older revision		Revision as of 10:23, 6 August 2018
Line 13:		Line 13:
	= Better approach to trigger an event =		= Better approach to trigger an event =
	<source lang="vue">		<source lang="vue">
			<template lang="pug">
	<svg>		<svg>
	<g @click="~~onClick~~">		<g @click="onClickShape">
	~~...~~		<!-- shape to receive click event -->
	</g>		</g>
	</svg>		</svg>
			</template>

			<script>
			export default {
			methods: {
			onClickShape (e) {
			// TODO: Do something ...
			}
			}
			}
			</script>
	</source>		</source>

2018-08-06T10:21:26Z

Better approach to trigger an event

← Older revision		Revision as of 10:21, 6 August 2018
Line 12:		Line 12:

	= Better approach to trigger an event =		= Better approach to trigger an event =
			<source lang="vue">
			<svg>
			<g @click="onClick">
			...
			</g>
			</svg>
			</source>

	= 常用換算 =		= 常用換算 =

2018-08-06T06:44:56Z

← Older revision		Revision as of 06:44, 6 August 2018
Line 10:		Line 10:
	\|}		\|}
	https://stackoverflow.com/questions/43961807/svg-use-not-working-in-safari		https://stackoverflow.com/questions/43961807/svg-use-not-working-in-safari

			= Better approach to trigger an event =

	= 常用換算 =		= 常用換算 =

2018-08-02T02:54:37Z

Compatibility of Browsers

← Older revision		Revision as of 02:54, 2 August 2018
Line 5:		Line 5:
	\| <text alignment-baseline="..."> \|\| O \|\| ? \|\| X \|\| ?		\| <text alignment-baseline="..."> \|\| O \|\| ? \|\| X \|\| ?
	\|-		\|-
	\| <use href="..."~~> from another <svg~~> \|\| O \|\| ? \|\| O \|\| X		\| <use href="..."> \|\| O \|\| ? \|\| O \|\| X
	\|-		\|-
	\| <use xlink:href="...."~~> from another <svg~~> \|\| O \|\| O \|\| O \|\| O		\| <use xlink:href="...."> \|\| O \|\| O \|\| O \|\| O
	\|}		\|}
	https://stackoverflow.com/questions/43961807/svg-use-not-working-in-safari		https://stackoverflow.com/questions/43961807/svg-use-not-working-in-safari

2018-08-02T02:54:12Z

Compatibility of Browsers

← Older revision		Revision as of 02:54, 2 August 2018
Line 5:		Line 5:
	\| <text alignment-baseline="..."> \|\| O \|\| ? \|\| X \|\| ?		\| <text alignment-baseline="..."> \|\| O \|\| ? \|\| X \|\| ?
	\|-		\|-
	\| <use> from another <svg> \|\| O \|\| ? \|\| O \|\| X		\| <use href="..."> from another <svg> \|\| O \|\| ? \|\| O \|\| X
			\|-
			\| <use xlink:href="...."> from another <svg> \|\| O \|\| O \|\| O \|\| O
	\|}		\|}
			https://stackoverflow.com/questions/43961807/svg-use-not-working-in-safari

	= 常用換算 =		= 常用換算 =

2018-08-01T03:56:03Z

Compatibility of Browsers

2018-08-01T03:55:29Z

Compatibility of Browsers

2018-08-01T03:54:23Z

Compatibility