- 博客(205)
- 收藏
- 关注
原创 MyPrint打印设计器(十)svg篇-多边形
介绍一款强大的svg操作库,能够通过简单的代码,实现svg绘制与操纵,实现拖拽等功能本文将通过一个简单的示例,介绍如何在SVG中绘制一条可拖拽的多边形首先,我们需要在HTML中设置基本的SVG元素,以便绘制图形。绘制 SVG 矩形接下来,我们使用 D3.js 创建一个简单的矩形,并通过 JavaScript 函数 freshSvg 进行渲染。代码如下:这里,我们定义了矩形的四个顶点,并通过 d3.path() 方法绘制了这个矩形。为了让用户可以拖动矩形的顶点,我们使用 D3.js 的 drag 功能,
2024-09-05 16:15:00
735
原创 MyPrint打印设计器(九)svg篇-圆
介绍一款强大的svg操作库,能够通过简单的代码,实现svg绘制与操纵,实现拖拽等功能本文将通过一个简单的示例,介绍如何在SVG中绘制一条可拖拽的圆首先,我们需要在HTML中设置基本的SVG元素,以便绘制图形。初始化图形我们定义了一个freshSvg函数来初始化SVG图形。这个函数定义了一些基本的变量,如圆心坐标、半径、起始角度和结束角度等。绘制圆弧接下来,我们定义了一个draw函数,用于绘制圆弧。我们使用D3.js的path.arc方法,根据圆心、半径、起始角度和结束角度绘制圆弧。const pa
2024-09-05 16:00:00
633
原创 MyPrint打印设计器(八)svg篇-三阶贝塞尔曲线
介绍一款强大的svg操作库,能够通过简单的代码,实现svg绘制与操纵,实现拖拽等功能本文将通过一个简单的示例,介绍如何在SVG中绘制一条可拖拽的三次贝塞尔曲线首先,我们需要在HTML中设置基本的SVG元素,以便绘制图形。在这个HTML结构中,元素用于承载我们即将绘制的二次贝塞尔曲线和相关的辅助线。id=“chartRef” 使我们能够在JavaScript中轻松获取到这个元素。接下来,我们通过 JavaScript 和 D3.js 来绘制贝塞尔曲线。首先定义起点、终点和两个控制点的坐标:然后,我们使用
2024-09-04 16:00:00
647
原创 MyPrint打印设计器(七)svg篇-二阶贝塞尔曲线
介绍一款强大的svg操作库,能够通过简单的代码,实现svg绘制与操纵,实现拖拽等功能本文将通过一个简单的示例,介绍如何在SVG中绘制一条可拖拽的二次贝塞尔曲线首先,我们需要在HTML中设置基本的SVG元素,以便绘制图形。在这个HTML结构中,元素用于承载我们即将绘制的二次贝塞尔曲线和相关的辅助线。id=“chartRef” 使我们能够在JavaScript中轻松获取到这个元素。接下来,我们定义二次贝塞尔曲线的起点、终点和控制点,并绘制曲线。在 freshSvg 函数中,首先定义了起点 (x0, y0)、
2024-09-04 15:00:00
1171
原创 MyPrint打印设计器(六)svg篇-直线
介绍一款强大的svg操作库,能够通过简单的代码,实现svg绘制与操纵,实现拖拽等功能本文将通过一个简单的示例,介绍如何在SVG中绘制一条可拖拽的直线首先,我们需要在HTML中设置基本的SVG元素,以便绘制图形。初始化SVG和绘制直线我们使用D3.js的d3.path()方法来创建一条直线,并将其绘制到SVG中。起始点和终点的坐标分别为和。实现拖拽功能为了让直线的起点和终点可以被拖动,我们需要使用D3.js的拖拽交互模块d3.drag()。通过计算拖拽距离,我们可以实时更新直线的位置:更新SVG内容
2024-09-03 16:00:00
715
原创 MyPrint打印设计器(五)vueuse/core 助你一臂之力
VueUse 是一个基于 Vue 3 的实用工具库,专门为 Vue 3 应用程序提供一系列经过优化和高度可组合的工具函数。VueUse 提供了许多实用的组合式 API,帮助开发者更轻松地管理状态、处理副作用、与 DOM 交互、处理时间和日期等常见任务。本文将介绍一些常用示例,以及一些有趣的功能
2024-09-03 15:30:00
573
1
原创 MyPrint打印设计器(四)vue3 函数式调用组件
vue中,通常情况下调用一个组件需要以下步骤templaterefrefref如果这个组件在template是不必要的,那么可以通过函数式调用组件,来省略在template标签中引入组件,来简化调用步骤,做到可以通过纯js调用组件这种方法也有一定的缺陷,因为在初始化的时候就已经确定了组件的DOM所在的层级,所以无法灵活的控制DOM元素的层级,所有一般在Message这种不关心组件DOM层级的组件中使用,以下是使用示例,
2024-08-27 09:30:00
666
原创 MyPrint打印设计器(二)vue3 实现历史步骤记录
通过vueuse中的 useManualRefHistory,快速实现历史操作记录。
2024-08-23 20:42:09
606
1
原创 MyPrint打印设计器(一)js 键盘监听 组合键/快捷键
今天分享如何快速实现js快捷键监听所需环境:浏览器js实现目标mac/win兼容,一套代码,多个平台支持快捷键监听/单按键监听事件是否冒泡可设置使用方式简单快速挂载与卸载4行代码实现组合键监听代码原理把键盘监听事件挂载在document上,当键盘事件发生时,依次匹配事先订阅的快捷键/单按键事件,如果有匹配到对应的订阅,则进行事件回调,并且停止键盘事件的回调。按下的按键进行转换,把mac/win的键盘差异进行了兼容实现效果
2024-08-23 20:41:56
991
原创 docker 基础 命令
查看容器ip地址docker inspect tigersql |grep IPAddrdocker psdocker ps -a删除所有已停止的容器docker rm $(docker ps -a -q)
2021-04-01 10:26:03
133
原创 java 实例化的几种方式
import sun.misc.Unsafe;import java.lang.reflect.Field;public class Main { private static Unsafe unsafe; public Main() { System.out.println("---构造函数---"); } private String str = "初始化的字符串"; public static void main(String...
2020-07-22 13:09:13
318
原创 String.format 与 +字符串的对比
示例public class Main{ public static void main(String[] args) { int size = 21000000; long start = System.currentTimeMillis(); for (int i = 0; i < size; i++) { String str = String.format("key: [%s], 不是一个 Lis...
2020-07-22 13:00:09
1409
转载 ssm解决后台传数据到前台中文乱码问题
转载自:https://blog.youkuaiyun.com/weixin_39756851/article/details/7783798仅以此文记录错误, 以便复习方法一:请求加上方法 @RequestMapping(value="/getphone",produces = "text/plain;charset=utf-8")方法二:<!-- 处理请求返回json字符串的中文乱码问题 -->...
2018-04-10 14:00:38
3336
2
原创 算法训练 王、后传说
问题描述 地球人都知道,在国际象棋中,后如同太阳,光芒四射,威风八面,它能控制横、坚、斜线位置。 看过清宫戏的中国人都知道,后宫乃步步惊心的险恶之地。各皇后都有自己的势力范围,但也总能找到相安无事的办法。 所有中国人都知道,皇权神圣,伴君如伴虎,触龙颜者死...... 现在有一个n*n的皇宫,国王占据他所在位置及周围的共9个格子,这些格子皇后不能使用(如果国王在王宫的边上,占用的格...
2018-03-28 13:52:53
238
原创 算法提高 盾神与条状项链
问题描述 有一天,盾神捡到了好多好多五颜六色的珠子!他心想这些珠子这么漂亮,可以做成一条项链然后送给他心仪的女生~于是他用其中一些珠子做成了长度为n的项链。当他准备把项链首尾相接的时候,土方进来了。 “哇这么恶心的项链你也做得出来!!!” 盾神自知审美不是他的长项,于是他很谦虚地请教土方,怎么才能把项链做得漂亮。 “这个嘛~首先你要在这里加上一个这种颜色的珠子,然后在这里去掉这个珠子,然后...
2018-03-28 11:09:36
235
原创 历届试题 拉马车
题目:小的时候,你玩过纸牌游戏吗? 有一种叫做“拉马车”的游戏,规则很简单,却很吸引小朋友。 其规则简述如下: 假设参加游戏的小朋友是A和B,游戏开始的时候,他们得到的随机的纸牌序列如下: A方:[K, 8, X, K, A, 2, A, 9, 5, A] B方:[2, 7, K, 5, J, 5, Q, 6, K, 4] 其中的X表示“10”,我们忽略了纸牌的花色。 从A方开始,A...
2018-03-28 09:26:00
1293
原创 RecycleView 瀑布流中加载更多遇到的问题
RecycleView 瀑布流中显示图片, 会遇到几个问题,1、没有显示布局2、图片闪烁3、item移动1、如果没有显示布局, 有可能是加载xml时用的是View.inflate()方法,这个方法使用时不能测量需要变为 @Override public ShowHolder onCreateViewHolder(ViewGroup parent,
2017-10-30 21:13:02
616
原创 RecycleView 当前可视item
RecycleView使用最近写RecycleView时,遇到一个问题,那就是在滑动RecycleView之后播放当前可视item中的视频,那么问题来了,到底如何判断哪一个item在屏幕中,并且获取holder。RecycleView有一个滑动监听 mVideoRecycle.setOnScrollListener(new RecyclerView.OnScrollList
2017-10-30 15:32:51
2568
原创 ViewPager使用中遇到的问题
最近在使用viewPager时遇到一些问题, 记录下来1、首先就是viewpager的滑动问题,禁止滑动方法,自定义一个viewpager类继承viewpager重写方法 @Override public boolean onTouchEvent(MotionEvent ev) { return true;//事件拦截,这样就不可以滑动了
2017-10-25 07:47:29
384
转载 Paint Canvas 类属性方法学习笔记
Paint(画笔)类用于设置绘制风格,如:线宽(笔触粗细),颜色,透明度和填充风格等 直接使用无参构造方法就可以创建Paint实例: Paint paint = new Paint( ); 我们可以通过下述方法来设置Paint(画笔)的相关属性,另外,关于这个属性有两种, 图形绘制相关与文本绘制相关:setARGB(int a,int r,int g,int b
2017-10-23 14:52:32
331
原创 汉字Unicode解码
20\u6761\u65b0\u5185\u5bb9,\u5176\u4e2d1\u6761\u540c\u57ce\u5185\u5bb9转20条新内容,其中1条同城内容public static String getDecode(String unicodeStr) { if (unicodeStr == null) { re
2017-08-29 14:20:37
2069
原创 Android 笔记(个人总结)
往sd卡写数据权限uses-permissionandroid:name="android.permission.WRITE_EXTERNAL_STORAGE"/>try {//得到sd卡路径String str = Environment.getExternalStorageDirectory().getPath(); File file =
2017-07-07 20:07:46
666
原创 1130 数字反转
题目描述 Description给定一个整数,请将该数各个位上数字反转得到一个新数。新数也应满足整数的常见形式,即除非给定的原数为零,否则反转后得到的新数的最高位数字不应为零.输入描述 Input Description输入共 1 行,一个整数N输出描述 Output Description输出共 1 行,一个整数,表示反转后的新
2017-07-07 20:05:37
997
原创 Android 打开网页
想要打开网页首先需要在AndroidManifest.xml中设置权限然后定义<WebView android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/webview" />在java中WebView
2017-06-24 08:16:25
767
原创 Android 基础
RelativeLayout是相对布局控件:以控件之间相对位置或相对父容器位置进行排列。Android流式布局,支持单选、多选等,适合用于产品标签等。//添加按钮事件 b1.setOnClickListener(new OnClickListener() { public void onClick(View v) { // TODO Auto-g
2017-06-14 23:14:17
235
原创 Swing 文本域不可编辑
setEditable(false)为不能编辑,但仍然可以选中内容进行复制等操作setEnable(false)为不能使用,文本框以反白显示,不可选择文本也不可编辑
2017-06-12 17:50:21
6274
1
原创 sql server 数据库恢复挂起
USE masterGOALTER DATABASE test SET SINGLE_USERGOALTER DATABASE test SET EMERGENCYGODBCC CHECKDB( test ,REPAIR_ALLOW_DATA_LOSS)goALTER DATABASE test SET ONLINEGOALTER DATABASE
2017-06-05 07:32:30
1564
原创 java 去按钮边框及焦点
JButton jb;//去焦点jb.setFocusPainted(false);//去边框jb.setBorderPainted(false);效果图
2017-06-03 21:21:24
10579
原创 康托展开 康托逆展开
康托展开 X=a[n]*(n-1)!+a[n-1]*(n-2)!+...+a[i]*(i-1)!+...+a[1]*0! ,其中a[i]为当前未出现的元素中是排在第几个(从0开始)。这就是康托展开。康托展开可用代码实现。公式编辑把一个整数X展开成如下形式:X=a[n]*(n-1)!+a[n-1]*(n-2)!+...+a[i]*(i-
2017-05-26 20:19:10
300
原创 2924 数独挑战
题目描述 Description“芬兰数学家因卡拉,花费3个月时间设计出了世界上迄今难度最大的数独游戏,而且它只有一个答案。因卡拉说只有思考能力最快、头脑最聪明的人才能破解这个游戏。”这是英国《每日邮报》2012年6月30日的一篇报道。这个号称“世界最难数独”的“超级游戏”,却被扬州一位69岁的农民花三天时间解了出来。看到这个新闻后,我激动不已,证明我们OI的实力的机会来了,我们虽然不
2017-05-25 15:39:26
329
原创 算法提高 身份证排序
问题描述 安全局搜索到了一批(n个)身份证号码,希望按出生日期对它们进行从大到小排序,如果有相同日期,则按身份证号码大小进行排序。身份证号码为18位的数字组成,出生日期为第7到第14位输入格式 第一行一个整数n,表示有n个身份证号码 余下的n行,每行一个身份证号码。输出格式 按出生日期从大到小排序后的身份证号,每行一条样例输入5
2017-05-24 20:14:03
1185
原创 算法提高 盾神与砝码称重
问题描述 有一天,他在宿舍里无意中发现了一个天平!这个天平很奇怪,有n个完好的砝码,但是没有游码。盾神为他的发现兴奋不已!于是他准备去称一称自己的东西。他准备好了m种物品去称。神奇的是,盾神一早就知道这m种物品的重量,他现在是想看看这个天平能不能称出这些物品出来。但是盾神稍微想了1秒钟以后就觉得这个问题太无聊了,于是就丢给了你。输入格式 第一行为两个数,n和m。
2017-05-24 17:06:04
787
原创 历届试题 大臣的旅费
问题描述很久以前,T王国空前繁荣。为了更好地管理国家,王国修建了大量的快速路,用于连接首都和王国内的各大城市。为节省经费,T国的大臣们经过思考,制定了一套优秀的修建方案,使得任何一个大城市都能从首都直接或者通过其他大城市间接到达。同时,如果不重复经过大城市,从首都到达每个大城市的方案都是唯一的。J是T国重要大臣,他巡查于各大城市之间,体察民情。所以,从一个城市马不停蹄地
2017-05-24 15:42:43
285
原创 南阳OJ 吝啬的国度
描述在一个吝啬的国度里有N个城市,这N个城市间只有N-1条路把这个N个城市连接起来。现在,Tom在第S号城市,他有张该国地图,他想知道如果自己要去参观第T号城市,必须经过的前一个城市是几号城市(假设你不走重复的路)。输入第一行输入一个整数M表示测试数据共有M(1每组测试数据的第一行输入一个正整数N(1随后的N-1行,每行有两个正整数a,b(1输出每组测试数据输N
2017-05-23 22:22:57
284
原创 南阳OJ 擅长排列的小明
描述小明十分聪明,而且十分擅长排列计算。比如给小明一个数字5,他能立刻给出1-5按字典序的全排列,如果你想为难他,在这5个数字中选出几个数字让他继续全排列,那么你就错了,他同样的很擅长。现在需要你写一个程序来验证擅长排列的小明到底对不对。输入第一行输入整数N(1每组测试数据第一行两个整数 n m (1输出在1-n中选取m个字符进行全排列,按字典序全部输出,每种排列占
2017-05-23 19:30:05
295
原创 南阳OJ 组合数
描述找出从自然数1、2、... 、n(0<n<10)中任取r(0<r<=n)个数的所有组合。输入输入n、r。输出按特定顺序输出所有组合。特定顺序:每一个组合中的值从大到小排列,组合之间按逆字典序排列。样例输入5 3样例输出543542541532531521432431421321深搜#i
2017-05-23 19:00:41
403
原创 南阳OJ 数独
描述 数独是一种运用纸、笔进行演算的逻辑游戏。玩家需要根据9×9盘面上的已知数字,推理出所有剩余空格的数字,并满足每一行、每一列、每一个3*3宫内的数字均含1-9,不重复。 每一道合格的数独谜题都有且仅有唯一答案,推理方法也以此为基础,任何无解或多解的题目都是不合格的。 有一天hrdv碰到了一道号称是世界上最难的数独的题目,作为一名合格的程序员,哪能随随
2017-05-23 17:48:49
445
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人