vislite 0.6.0 → 0.7.0-alpha.0

package/types/Matrix4.d.ts

@@ -1,48 +1,48 @@
-export default interface Matrix4Type {
-
-    /**
-     * 返回matrix4当前记录的内部矩阵
-     */
-    value(): number[]
-
-    /**
-     * 两个矩阵相乘
-     * @param newMatrix4
-     * @param flag 可选，表示相乘位置，默认false，表示左乘
-     */
-    multiply(newMatrix4: number[], flag?: boolean): this
-
-    /**
-     * 把变换矩阵作用在具体的点上
-     */
-    use(x: number, y: number, z?: number, w?: number): [number, number, number, number]
-
-    /**
-     * 设置内置矩阵
-     */
-    setValue(initMatrix4?: number[]): this
-
-    /**
-     * 沿着向量(a, b, c)方向移动距离dis
-     * （其中c可以不传，默认0）
-     */
-    move(dis: number, a: number, b: number, c?: number): this
-
-    /**
-     * 以点(cx, cy, cz)为中心，分别在x、y和z方向上缩放xTimes、yTimes和zTimes倍
-     * （其中cx、cy和cz都可以不传递，默认0）
-     */
-    scale(xTimes: number, yTimes: number, zTimes: number, cx?: number, cy?: number, cz?: number): this
-
-    /**
-     * 围绕射线(a1, b1, c1) -> (a2, b2, c2)旋转deg度
-     * （方向由右手法则确定）
-     *
-     * a1、b1、c1、a2、b2和c2这6个值在设置的时候，不是一定需要全部设置，还有以下可选：
-     *
-     *      1）只设置了a1和b1，表示在xoy平面围绕（a1, b1）旋转
-     *      2）设置三个点(设置不足六个点都认为只设置了三个点)，表示围绕从原点出发的射线旋转
-     */
-    rotate(deg: number, a1: number, b1: number, c1?: number, a2?: number, b2?: number, c2?: number): this
-
+export default interface Matrix4Type {
+
+    /**
+     * 返回matrix4当前记录的内部矩阵
+     */
+    value(): number[]
+
+    /**
+     * 两个矩阵相乘
+     * @param newMatrix4
+     * @param flag 可选，表示相乘位置，默认false，表示左乘
+     */
+    multiply(newMatrix4: number[], flag?: boolean): this
+
+    /**
+     * 把变换矩阵作用在具体的点上
+     */
+    use(x: number, y: number, z?: number, w?: number): [number, number, number, number]
+
+    /**
+     * 设置内置矩阵
+     */
+    setValue(initMatrix4?: number[]): this
+
+    /**
+     * 沿着向量(a, b, c)方向移动距离dis
+     * （其中c可以不传，默认0）
+     */
+    move(dis: number, a: number, b: number, c?: number): this
+
+    /**
+     * 以点(cx, cy, cz)为中心，分别在x、y和z方向上缩放xTimes、yTimes和zTimes倍
+     * （其中cx、cy和cz都可以不传递，默认0）
+     */
+    scale(xTimes: number, yTimes: number, zTimes: number, cx?: number, cy?: number, cz?: number): this
+
+    /**
+     * 围绕射线(a1, b1, c1) -> (a2, b2, c2)旋转deg度
+     * （方向由右手法则确定）
+     *
+     * a1、b1、c1、a2、b2和c2这6个值在设置的时候，不是一定需要全部设置，还有以下可选：
+     *
+     *      1）只设置了a1和b1，表示在xoy平面围绕（a1, b1）旋转
+     *      2）设置三个点(设置不足六个点都认为只设置了三个点)，表示围绕从原点出发的射线旋转
+     */
+    rotate(deg: number, a1: number, b1: number, c1?: number, a2?: number, b2?: number, c2?: number): this
+
 }

package/types/SVGConfig.d.ts

@@ -1,77 +1,80 @@
-import { arcCapType, textAlignType, textBaselineType } from './painterConfig'
-
-export default interface SVGConfigType {
-
-    /**
-     * 填充色或图案，默认"#000"
-     */
-    fillStyle?: string
-
-    /**
-     * 轮廓色或图案，默认"#000"
-     */
-    strokeStyle?: string
-
-    /**
-     * 线条宽度，默认1(单位px)
-     */
-    lineWidth?: number
-
-    /**
-     * 文字水平对齐方式，默认"left"左对齐（还有"center"居中和"right"右对齐）
-     */
-    textAlign?: textAlignType
-
-    /**
-     * 文字垂直对齐方式，默认"middle"垂直居中（还有"top"上对齐和"bottom"下对齐）
-     */
-    textBaseline?: textBaselineType
-
-    /**
-     * 设置线条虚线，默认为[]表示使用实线绘制
-     *
-     * 值应该是一个数组，格式：[实线长，虚线长，实线长 ...]，数组长度任意，会自动循环
-     */
-    lineDash?: Array<number>
-
-    /**
-     * 文字大小，默认16
-     */
-    "fontSize"?: number
-
-    /**
-     * 已废弃，向下兼容，请用 fontSize 代替
-     */
-    "font-size"?: number // 向下兼容
-
-    /**
-     * 字体，默认"sans-serif"
-     */
-    "fontFamily"?: string
-
-    /**
-     * 已废弃，向下兼容，请用 fontFamily 代替
-     */
-    "font-family"?: string // 向下兼容
-
-    /**
-     * 圆弧开始端闭合方式，默认"butt"直线闭合（还有"round"圆帽闭合,"-round"反圆帽闭合）
-     */
-    "arcStartCap"?: arcCapType
-
-    /**
-     * 已废弃，向下兼容，请用 arcStartCap 代替
-     */
-    "arc-start-cap"?: string // 向下兼容
-
-    /**
-     * 圆弧结束端闭合方式，默认"butt"直线闭合（还有"round"圆帽闭合,"-round"反圆帽闭合）
-     */
-    "arcEndCap"?: arcCapType
-
-    /**
-     * 已废弃，向下兼容，请用 arcEndCap 代替
-     */
-    "arc-end-cap"?: string // 向下兼容
-
+import { arcCapType, textAlignType, textBaselineType } from './painterConfig'
+
+export type svgElType = SVGElement | "g" | "text" | "path" | "circle" | "rect" | "polygon" | "polyline"
+export type svgBoardType = SVGElement | "text" | "path" | "arc" | "circle" | "rect"
+
+export default interface SVGConfigType {
+
+    /**
+     * 填充色或图案，默认"#000"
+     */
+    fillStyle?: string
+
+    /**
+     * 轮廓色或图案，默认"#000"
+     */
+    strokeStyle?: string
+
+    /**
+     * 线条宽度，默认1(单位px)
+     */
+    lineWidth?: number
+
+    /**
+     * 文字水平对齐方式，默认"left"左对齐（还有"center"居中和"right"右对齐）
+     */
+    textAlign?: textAlignType
+
+    /**
+     * 文字垂直对齐方式，默认"middle"垂直居中（还有"top"上对齐和"bottom"下对齐）
+     */
+    textBaseline?: textBaselineType
+
+    /**
+     * 设置线条虚线，默认为[]表示使用实线绘制
+     *
+     * 值应该是一个数组，格式：[实线长，虚线长，实线长 ...]，数组长度任意，会自动循环
+     */
+    lineDash?: Array<number>
+
+    /**
+     * 文字大小，默认16
+     */
+    "fontSize"?: number
+
+    /**
+     * 已废弃，向下兼容，请用 fontSize 代替
+     */
+    "font-size"?: number // 向下兼容
+
+    /**
+     * 字体，默认"sans-serif"
+     */
+    "fontFamily"?: string
+
+    /**
+     * 已废弃，向下兼容，请用 fontFamily 代替
+     */
+    "font-family"?: string // 向下兼容
+
+    /**
+     * 圆弧开始端闭合方式，默认"butt"直线闭合（还有"round"圆帽闭合,"-round"反圆帽闭合）
+     */
+    "arcStartCap"?: arcCapType
+
+    /**
+     * 已废弃，向下兼容，请用 arcStartCap 代替
+     */
+    "arc-start-cap"?: string // 向下兼容
+
+    /**
+     * 圆弧结束端闭合方式，默认"butt"直线闭合（还有"round"圆帽闭合,"-round"反圆帽闭合）
+     */
+    "arcEndCap"?: arcCapType
+
+    /**
+     * 已废弃，向下兼容，请用 arcEndCap 代替
+     */
+    "arc-end-cap"?: string // 向下兼容
+
 }

package/uni-app/ui-canvas.vue

@@ -1,6 +1,6 @@
 <template>
-  <view :class="cover || isH5 ? 'cover-view' : 'normal-view'">
-    <view :class="'view-img view-' + uniqueid" @touchstart="doitstart">
+  <view :class="cover || isH5 ? 'cover-view' : 'normal-view'" :style="{ display: 'inline-block' }">
+    <view v-if="!cover && !isH5" :class="'view-img view-' + uniqueid" @touchstart="doitstart">
       <image
         :style="{ width: width + 'px', height: height + 'px' }"
         :src="viewImg"
@@ -12,13 +12,13 @@
       class="painter"
       :id="'painter-' + uniqueid"
       @touchstart="doitstart"
-      :style="{ width: width + 'px', height: height + 'px' }"
+      :style="[{ width: width + 'px', height: height + 'px'}, cover || isH5 ? {} : {position: 'fixed', left: '50000px'}]"
     ></canvas>
     <canvas
       v-if="region"
       class="region"
       :id="'region-' + uniqueid"
-      :style="{ width: width + 'px', height: height + 'px' }"
+      :style="{ width: width + 'px', height: height + 'px', position: 'fixed', left: '50000px' }"
     ></canvas>
     <!-- #endif -->
     <!-- #ifdef MP-WEIXIN -->
@@ -26,13 +26,13 @@
       class="painter"
       canvas-id="painter"
       @touchstart="doitstart"
-      :style="{ width: width + 'px', height: height + 'px' }"
+      :style="[{ width: width + 'px', height: height + 'px'}, cover || isH5 ? {} : {position: 'fixed', left: '50000px'}]"
     ></canvas>
     <canvas
       v-if="region"
       class="region"
       canvas-id="region"
-      :style="{ width: width + 'px', height: height + 'px' }"
+      :style="{ width: width + 'px', height: height + 'px', position: 'fixed', left: '50000px' }"
     ></canvas>
     <!-- #endif -->
     <!-- #ifndef MP-WEIXIN||MP-ALIPAY -->
@@ -40,18 +40,18 @@
       class="painter"
       :canvas-id="'painter-' + uniqueid"
       @touchstart="doitstart"
-      :style="{ width: width + 'px', height: height + 'px' }"
+      :style="[{ width: width + 'px', height: height + 'px'}, cover || isH5 ? {} : {position: 'fixed', left: '50000px'}]"
     ></canvas>
     <canvas
       v-if="region"
       class="region"
       :canvas-id="'region-' + uniqueid"
-      :style="{ width: width + 'px', height: height + 'px' }"
+      :style="{ width: width + 'px', height: height + 'px', position: 'fixed', left: '50000px' }"
     ></canvas>
     <!-- #endif -->
   </view>
 </template>
-  <script>
+<script>
 import OralCanvas from "../lib/OralCanvas/index.es.js";
 export default {
   data() {
@@ -235,25 +235,3 @@ export default {
   },
 };
 </script>
-
-  <style lang="css" scoped>
-/* 辅助的区域不应该可以看见 */
-.region {
-  position: fixed;
-  left: 50000px;
-}
-
-.cover-view,
-.normal-view {
-  display: inline-block;
-}
-
-.cover-view .view-img {
-  display: none;
-}
-
-.normal-view .painter {
-  position: fixed;
-  left: 50000px;
-}
-</style>

package/.editorconfig

@@ -1,19 +0,0 @@
-# http://editorconfig.org
-
-root = true
-
-[*]
-charset = utf-8
-indent_style = space
-indent_size = 4
-end_of_line = cr
-insert_final_newline = false
-trim_trailing_whitespace = true
-
-[*.md]
-insert_final_newline = false
-trim_trailing_whitespace = false
-
-[*.json]
-indent_size = 2
-insert_final_newline = true

package/.eslintrc.js

@@ -1,26 +0,0 @@
-module.exports = {
-
-    //定义ESLint的解析器
-    parser: '@typescript-eslint/parser',
-
-    //定义文件继承的子规范
-    extends: ['plugin:@typescript-eslint/recommended'],
-
-    //定义了该eslint文件所依赖的插件
-    plugins: ['@typescript-eslint'],
-
-    //指定代码的运行环境
-    env: {
-        browser: true,
-        node: false
-    },
-
-    // 设置规则
-    rules: {
-        "@typescript-eslint/ban-types": "off",
-        "@typescript-eslint/no-explicit-any": "off",
-        "@typescript-eslint/no-this-alias": ["error", {
-            "allowedNames": ["_this"]
-        }]
-    }
-}