BPMN
BPMを描画するには、何か、設定が必要・・・・?
https://demo.bpmn.io/new
https://scrapbox.io/files/65a11cdbe771570022515a49.svg
https://svg-hosting.vercel.app/api/svg?url=https://scrapbox.io/api/code/jee54321/BPMN/bpmn.svg
code:bpmn.svg
<?xml version="1.0" encoding="utf-8"?>
<!-- created with bpmn-js / http://bpmn.io -->
<!DOCTYPE svg>
<html>
<head>
<title></title>
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink=
"http://www.w3.org/1999/xlink" width="247" height="90" viewbox=
"207 195 247 90" version="1.1">
<defs>
<pattern id="djs-grid-pattern-389316" width="10" height="10"
patternunits="userSpaceOnUse">
<circle cx="0.5" cy="0.5" r="0.5" style=
"fill: rgb(204, 204, 204);"></circle>
</pattern>
<marker id=
"sequenceflow-end-white-var_element_dragger_color_-azdfxt2l33j7mwx3j6fhfif27"
viewbox="0 0 20 20" refx="11" refy="10" markerwidth="10"
markerheight="10" orient="auto">
<path d="M 1 5 L 11 10 L 1 15 Z" style=
"stroke-linecap: round; stroke-linejoin: round; stroke: var(--element-dragger-color); stroke-width: 1px; fill: var(--element-dragger-color);"></path>
</marker>
<marker id=
"sequenceflow-end-white-hsl_225_10_15_-azdfxt2l33j7mwx3j6fhfif27"
viewbox="0 0 20 20" refx="11" refy="10" markerwidth="10"
markerheight="10" orient="auto">
<path d="M 1 5 L 11 10 L 1 15 Z" style=
"stroke-linecap: round; stroke-linejoin: round; stroke: rgb(34, 36, 42); stroke-width: 1px; fill: rgb(34, 36, 42);"></path>
</marker>
</defs>
<g class="djs-group">
<g class="djs-element djs-shape" data-element-id="Activity_0vq4ds5"
style="display: block;" transform="matrix(1 0 0 1 280 200)">
<g class="djs-visual">
<rect x="0" y="0" width="100" height="80" rx="10" ry="10"
style=
"stroke-linecap: round; stroke-linejoin: round; stroke: rgb(34, 36, 42); stroke-width: 2px; fill: white; fill-opacity: 0.95;"></rect>
<text lineheight="1.2" class="djs-label" style=
"font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; fill: rgb(34, 36, 42);">
<tspan x="50" y="43.599999999999994"></tspan>
</text>
</g>
<rect class="djs-hit djs-hit-all" x="0" y="0" width="100"
height="80" style=
"fill: none; stroke-opacity: 0; stroke: white; stroke-width: 15px;"></rect>
<rect x="-5" y="-5" rx="14" width="110" height="90" class=
"djs-outline" style="fill: none;"></rect>
</g>
</g>
<g class="djs-group">
<g class="djs-element djs-shape" data-element-id=
"StartEvent_09ngbfw" style="display: block;" transform=
"matrix(1 0 0 1 212 222)">
<g class="djs-visual">
<circle cx="18" cy="18" r="18" style=
"stroke-linecap: round; stroke-linejoin: round; stroke: rgb(34, 36, 42); stroke-width: 2px; fill: white; fill-opacity: 0.95;"></circle>
</g>
<rect class="djs-hit djs-hit-all" x="0" y="0" width="36"
height="36" style=
"fill: none; stroke-opacity: 0; stroke: white; stroke-width: 15px;"></rect>
<circle cx="18" cy="18" r="23" class="djs-outline" style=
"fill: none;"></circle>
</g>
</g>
<g class="djs-group">
<g class="djs-element djs-shape" data-element-id="Event_1rx9jvb"
style="display: block;" transform="matrix(1 0 0 1 412 222)">
<g class="djs-visual">
<circle cx="18" cy="18" r="18" style=
"stroke-linecap: round; stroke-linejoin: round; stroke: rgb(34, 36, 42); stroke-width: 4px; fill: white; fill-opacity: 0.95;"></circle>
</g>
<rect class="djs-hit djs-hit-all" x="0" y="0" width="36"
height="36" style=
"fill: none; stroke-opacity: 0; stroke: white; stroke-width: 15px;"></rect>
<circle cx="18" cy="18" r="24" class="djs-outline" style=
"fill: none;"></circle>
</g>
</g>
<g class="djs-group">
<g class="djs-element djs-connection" data-element-id=
"Flow_1qbtfqg" style="display: block;">
<g class="djs-visual">
<path data-corner-radius="5" style=
"fill: none; stroke-linecap: round; stroke-linejoin: round; stroke: rgb(34, 36, 42); stroke-width: 2px; marker-end: url('#sequenceflow-end-white-hsl_225_10_15_-azdfxt2l33j7mwx3j6fhfif27');"
d="M248,240L280,240"></path>
</g>
<path d="M248,240L280,240" class="djs-hit djs-hit-stroke"
style="fill: none; stroke-opacity: 0; stroke: white; stroke-width: 15px;"></path>
<rect x="243" y="235" rx="4" width="42" height="10" class=
"djs-outline" style="fill: none;"></rect>
</g>
</g>
<g class="djs-group">
<g class="djs-element djs-connection" data-element-id=
"Flow_0h77nvn" style="display: block;">
<g class="djs-visual">
<path data-corner-radius="5" style=
"fill: none; stroke-linecap: round; stroke-linejoin: round; stroke: rgb(34, 36, 42); stroke-width: 2px; marker-end: url('#sequenceflow-end-white-hsl_225_10_15_-azdfxt2l33j7mwx3j6fhfif27');"
d="M380,240L412,240"></path>
</g>
<path d="M380,240L412,240" class="djs-hit djs-hit-stroke"
style="fill: none; stroke-opacity: 0; stroke: white; stroke-width: 15px;"></path>
<rect x="375" y="235" rx="4" width="42" height="10" class=
"djs-outline" style="fill: none;"></rect>
</g>
</g></svg>
</body>
</html>
/icons/hr.icon
created: 24/01/12(Fri)20:02
#2401B #BPMN #svg