Html_Svg Editor

どれかのリンクをクリックしてください

link Titleの表示と位置を決めてOKを押して下さい。
　link Title:

anchor Title:

　 id:
　 id:
　　　present:　defaul表示:
　　Interval(msec)
　　　

再描画
Svg文字
group化
group解除
paste
Copy
整形
多重線
多重線reset
要素probe
Animation
path反転
削除
cancel

from Local
from google
cancel

Level: Child_n: fig:
class: tag:

-----------------svg parameters-------------------------

color: fill:
width: 　　　　　　　

animation type:
id:　
anime時間:s begin:s 角度:
timing:
value: position: pare:

　　　　

add anime type:
anime時間:sec begin時間:sec
timing: value:

animation type:
tags: now: 　
anime時間:sec begin時間:sec
timing:
value:

del		n	name	description

表示文字：

font-size: 縁取-size:
font-color: 縁取-color:
font-weight:
rotate: font-family:
anchor: 　　　　　　　 rich
id:　　
　　　

out form:
　　　

Lineの線種、幅とパレットcolorとpaste colorを決めてNext　or End
　　

Tag: Level:fig:　　
　
挿入tag: 　
　Sレシピ　　
　

margin-L: margin-R: indent:
margin: padding:
color: float:
width: height:
border: border-radius:
others:

name Icon Design Area:

背景: 枠: width:
　　　　

　　　

p1 p2 p3 p4 p5 p6 Trim R 連結 name

件名(subject)　w/script
宛先(address)
　　
コメント

address list

Edit　　　　 name: n:

del		n	name	description

auto　　 name: n:

html/dialog 　　　　　　　　　　　

css 　　　　

del		n	name	description

max_width
L margin R margin
　　 hist_undo

------------------------------------------------

　追加: 　白

　　　　彩度明度　

　id:　
title:　
MyNote page:　
level: category:
time: series: style:

説明:

?file(subject)?

　id:　
title:　
MyNote page:　
　　　category: 　　　
説明:

?file(subject)?

---------共通--------　

線幅 redraw all:
矢印　Opacity：線種　Cap：
Trim R 多重線　線間隔

---------共通--------　　　　

倍率：x y
Trim R

出力範囲

ページ全体
MyNote部分

------------------------------------

追加機能

+ Script
+ Added （Slider / disp_onoff など）

------------------------------------

出力形式

Standalone HTML （MyNoteで再読込・編集可能）
HTML Fragment （他のHTMLへ組み込む部品）

------------------------------------

Dragして切り取り範囲を指定して下さい　　
X: px Y:px　　　

//重要u_set_newgooglefont 
var u_selected_type=0;
var u_font_default_num=0;
//var u_old_group=[];
u_set_newgooglefont();
async function u_set_newgooglefont(){
	font_theDialog=$( '#set_newgooglefont_tbl' ) . dialog( { autoOpen: false, draggable: true, resizable: true,
		height:400, width: 350,  position: {my: "right bottom", at: "right bottom", of: window}} );
	//ダイアログを表示する
	font_theDialog.dialog("open");
	var fdata=await get_common(7);
	var data1=fdata.split('|<=>|');
	var fdata=data1[1];
	var font_list=fdata.split('<->');
//	script_table();
	disp_google_fonts(font_list);
	}
var u_fonts_list;
var u_fonts_checks=[];

function u_check_default() { //default定義の最終checkとsys_parmへの書き込み
    u_fonts_checks=[];

var u_add1=document.getElementById('u_font_add1').value;
	if(u_add1&&(u_add1.substring(0,7)=="@import")) {
		var subst0=u_add1.substring(0,u_add1.indexOf(";"));
		var subst1=subst0.substring(u_add1.indexOf("family=")+7);
		var subst2=subst1.substring(0,subst1.indexOf("&"));
		var subst3=subst1.substring(0,subst1.indexOf(":"))
		var ext=subst3;
		if(!ext) ext=subst2; 
		ext=ext.replaceAll('+', ' ');
		u_fonts_checks.push(['0',ext,subst0]);
		}
	var u_add2=document.getElementById('u_font_add2').value;
	if(u_add2&&(u_add2.substring(0,7)=="@import")) {
		var subst0=u_add2.substring(0,u_add2.indexOf(";"));
		var subst1=subst0.substring(u_add2.indexOf("family=")+7);
		var subst2=subst1.substring(0,subst1.indexOf("&"));
		var subst3=subst1.substring(0,subst1.indexOf(":"))
		var ext=subst3;
		if(!ext) ext=subst2; 
		ext=ext.replaceAll('+', ' ');
		u_fonts_checks.push(['0',ext,subst0]);
		}
	//if(u_fonts_checks.length>0) u_fonts_type.selectedIndex=4;

var tbl = document.getElementById("my_fonts-tbody");
    var nlist=tbl.childElementCount;
    var checkbox;

for (let i = 0 ; i < nlist ; i++) {
        	checkbox=tbl.rows[i].cells[0].firstChild
        	if (checkbox.checked && u_font_default_num!=i) {
			u_fonts_checks.push(u_fonts_list[i]);
			}
		}
	var deffont=u_fonts_list[u_font_default_num];
	u_fonts_checks.unshift(deffont);

var error=0;
	if(u_fonts_checks.length==0) error=1;
	return error;
	}

function u_font_deffunc(){
	u_font_default_num=Number(document.getElementById("u_font_default").value);
	var elem=u_fonts_list[u_font_default_num];
    document.getElementById("u_font_default_name").value=elem[1];
}

function u_fontimport_gen() {  //font_import変数の生成コード作成とページへの保存
//generate font import
	var u_fontsdmy=u_fonts_checks;
	var len=u_fontsdmy.length;
	font_import=[];
	for(let k=0;k<len;k++) {
		if(u_font_default_num!=u_fontsdmy[k][0]) {
			font_import.push([u_fontsdmy[k][1],u_fontsdmy[k][2]]);
			}
		}
	var deffont=u_fonts_list[u_font_default_num];
	font_import.unshift([deffont[1],deffont[2]]);

set_font_family();
	set_font_family_html();
	web_font_group=font_import.join('<->');
	var len=font_import.length;
	for(let k=0;k<len;k++) {
		var font=font_import[k][0];
		applyCustomCss_add(font_import[k][1]);
		}

}

function u_try_font() {
	var len=font_import.length;
	for(let k=0;k<len;k++) {
		var font=font_import[k][0];
		applyCustomCss_add(font_import[k][1]);
		u_try_font_one(font);
		}
	}
function u_try_font_one(font) {
			var par_tag= document.createElement('p');
			par_tag.setAttribute('fig', '段落');
			style="font-size:28px;font-weight:bold;line-height:1.5;"
    // 既存の "..." または '...' を除去
    const cleanFontFamily =
        font
            .replace(/^['"]|['"]$/g, '')
            .trim();

style=style+'font-family:'+cleanFontFamily+';';
			par_tag.setAttribute('style',style);
			par_tag.innerHTML='Fantastic Dreams  ありがとうございます。感謝！';
			$(par_tag).insertAfter(doc_edit_node);

tag_trees=[];
    			tag_trees=get_tagStruct(par_tag,0);
    			if(tag_trees.length>0) doc_deep_level=0;
			doc_edit_node=par_tag;
			doc_origin_node=par_tag;
			setto_current_tag(doc_edit_node);
			set_parms();
	}

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <title>MyNote Editor</title>
  <meta http-equiv="content-type" content="text/html;charset=utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover, interactive-widget=overlays-content">
  <meta name="theme-color" content="#3a8ee6">
  
  
  
  
  
  
  
  
  
  
<style>
</style>
</head>
<body class="point_auto select_auto" style="font-size: 14px; line-height: 1.42857143;">
<div id="sys_temp" style="display:none;"></div>
        <svg id="mesh_canv" class="canv" width="1000" height="1000" version="1.1" xmlns="http://www.w3.org/2000/svg" >
	    <defs>
	      <marker id="start_arw" viewBox="-10 -3 10 6" refX="-10" refY="0" markerWidth="10" markerHeight="6" orient="auto">
	        <path d="M -10 0 L 0 -3 L 0 3 Z"/>
	      </marker>
	      <marker id="end_arw" viewBox="0 -3 10 6" refX="10" refY="0" markerWidth="10" markerHeight="6" orient="auto">
	        <path d="M 0 -3 L 0 3 L 10 0 Z"/>
	      </marker>
	    </defs>
	</svg>
<script class="obfuscator">const a0_0x2e625d=a0_0x4a67;function a0_0x4a67(_0x5b02ac,_0x43bdeb){const _0x280741=a0_0x31f9();return a0_0x4a67=function(_0x2301e0,_0x5a5292){_0x2301e0=_0x2301e0-0x1dd;let _0x31f96b=_0x280741[_0x2301e0];return _0x31f96b;},a0_0x4a67(_0x5b02ac,_0x43bdeb);}(function(_0x15f00a,_0x359849){const _0x405d64=a0_0x4a67,_0xcb1b34=_0x15f00a();while(!![]){try{const _0x33ffc6=-parseInt(_0x405d64(0x1de))/0x1+parseInt(_0x405d64(0x1e1))/0x2*(-parseInt(_0x405d64(0x1e3))/0x3)+parseInt(_0x405d64(0x1f5))/0x4*(-parseInt(_0x405d64(0x1e2))/0x5)+parseInt(_0x405d64(0x1e7))/0x6+-parseInt(_0x405d64(0x1df))/0x7*(parseInt(_0x405d64(0x1e6))/0x8)+-parseInt(_0x405d64(0x1e8))/0x9+parseInt(_0x405d64(0x1ea))/0xa;if(_0x33ffc6===_0x359849)break;else _0xcb1b34['push'](_0xcb1b34['shift']());}catch(_0x135ea2){_0xcb1b34['push'](_0xcb1b34['shift']());}}}(a0_0x31f9,0x5994a));function a0_0x31f9(){const _0x336d98=['4Gykicw','innerHTML','style','split','over_vw001','417684fmAPdb','84553fJsUCB','getElementById','178MyEeLF','2157670rPKxjt','9168nxnnRI','#####\x20over_vw001\x20not\x20found','querySelector','56CkScXL','560622APTuba','1569132lHcBxi','error','16535880ZOCFdt','innerText','function','load','addEventListener','(((.+)+)+)+$','search','apply','|<=>|','toString','auto'];a0_0x31f9=function(){return _0x336d98;};return a0_0x31f9();}const a0_0x5a5292=(function(){let _0x293d6b=!![];return function(_0x5b4046,_0x20b1cb){const _0xdcb30c=_0x293d6b?function(){const _0x1203b4=a0_0x4a67;if(_0x20b1cb){const _0x5bf2e8=_0x20b1cb[_0x1203b4(0x1f1)](_0x5b4046,arguments);return _0x20b1cb=null,_0x5bf2e8;}}:function(){};return _0x293d6b=![],_0xdcb30c;};}()),a0_0x2301e0=a0_0x5a5292(this,function(){const _0x172895=a0_0x4a67;return a0_0x2301e0['toString']()[_0x172895(0x1f0)](_0x172895(0x1ef))[_0x172895(0x1f3)]()['constructor'](a0_0x2301e0)[_0x172895(0x1f0)](_0x172895(0x1ef));});a0_0x2301e0();var doc_script='',my_overview='';function init_export_common(){const _0x1412e8=a0_0x4a67,_0x106f2c=document[_0x1412e8(0x1e0)](_0x1412e8(0x1dd));if(!_0x106f2c){console[_0x1412e8(0x1e9)](_0x1412e8(0x1e4));return;}my_overview=_0x106f2c['value']||_0x106f2c[_0x1412e8(0x1eb)]||'';const _0x3514a4=my_overview[_0x1412e8(0x1f8)](_0x1412e8(0x1f2));if(_0x3514a4[0x8]=='')default_margin_L=sys_marginL,default_margin_R=sys_marginR;else{const _0x24d0bd=_0x3514a4[0x8]['split'](/;|,/);default_margin_L=_0x24d0bd[0x2],default_margin_R=_0x24d0bd[0x3],exe_auto=0x0,_0x24d0bd[0x5]==_0x1412e8(0x1f4)&&(exe_auto=0x1);}const _0x15cb19=document['getElementById']('style_def'),_0x5c7c21=document[_0x1412e8(0x1e5)](_0x1412e8(0x1f7));_0x15cb19&&_0x5c7c21&&(_0x5c7c21[_0x1412e8(0x1f6)]=_0x15cb19[_0x1412e8(0x1f6)],_0x15cb19['remove']());}window[a0_0x2e625d(0x1ee)](a0_0x2e625d(0x1ed),function(){const _0x5e0a8c=a0_0x2e625d;init_export_common(),typeof init_export_slider===_0x5e0a8c(0x1ec)&&init_export_slider(),typeof init_export_disponoff===_0x5e0a8c(0x1ec)&&init_export_disponoff();});</script>
</body>
</html>

var font_import=[["Noto Serif JP","@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap');"],
            ["Noto Sans JP","@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');"],
		];
/*
 var font_import=[['Noto Sans JP', "@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');"],
 ['Noto Serif JP', "@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap');],
 ['M PLUS 1p', "@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p&display=swap');"],
 ['M PLUS Rounded 1c', "@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c&display=swap');"],
 ['Sawarabi Gothic', "@import url('https://fonts.googleapis.com/css2?family=Sawarabi+Gothic&display=swap');"],
   ];
*/
var sys_parms_org="svg;0,sel_01,45,20,#000000;1,sel_02,125,20,#ffffff;2,sel_03,205,20,#000000;0,pal_01,15,65,;1,pal_02,40,65,#c8c8cb;2,pal_03,65,65,#84919e;3,pal_04,90,65,#000000;4,pal_05,115,65,#ffcabf;5,pal_06,140,65,#ffff80;6,pal_07,165,65,#d8f255;7,pal_08,190,65,#bfe4ff;8,pal_09,215,65,#ffca80;9,pal_10,240,65,#77d9a8;10,pal_11,15,90,#c9ace6;11,pal_12,40,90,#804000;12,pal_13,65,90,#990099;13,pal_14,90,90,#f6aa00;14,pal_15,115,90,#ff8082;15,pal_16,140,90,#4dc4ff;16,pal_17,165,90,#005aff;17,pal_18,190,90,#03af7a;18,pal_19,215,90,#fff100;19,pal_20,240,90,#ff4b00;20,pal_21,65,115,#ffffff;21,pal_22,90,115,#ffffff;22,pal_23,115,115,#ffffff;23,pal_24,140,115,#ffffff;24,pal_25,165,115,#ffffff;25,pal_26,190,115,#ffffff;26,pal_27,215,115,#ffffff;27,pal_28,240,115,#ffffff;|<=>|html;0,sel_01,45,20,#000000;1,sel_02,125,20,#ffffff;2,sel_03,205,20,#ffffff;0,pal_01,15,65,;1,pal_02,40,65,#c8c8cb;2,pal_03,65,65,#84919e;3,pal_04,90,65,#000000;4,pal_05,115,65,#ffcabf;5,pal_06,140,65,#ffff80;6,pal_07,165,65,#d8f255;7,pal_08,190,65,#bfe4ff;8,pal_09,215,65,#ffca80;9,pal_10,240,65,#77d9a8;10,pal_11,15,90,#c9ace6;11,pal_12,40,90,#804000;12,pal_13,65,90,#990099;13,pal_14,90,90,#f6aa00;14,pal_15,115,90,#ff8082;15,pal_16,140,90,#4dc4ff;16,pal_17,165,90,#005aff;17,pal_18,190,90,#03af7a;18,pal_19,215,90,#fff100;19,pal_20,240,90,#ff4b00;20,pal_21,65,115,#ffffff;21,pal_22,90,115,#ffffff;22,pal_23,115,115,#ffffff;23,pal_24,140,115,#ffffff;24,pal_25,165,115,#ffffff;25,pal_26,190,115,#ffffff;26,pal_27,215,115,#ffffff;27,pal_28,240,115,#ffffff;|<=>|sys_parm;1200px,50px,100px,日本語;|<=>|";

My Note Connect - Token Receiver