47 lines
3.3 KiB
JavaScript
47 lines
3.3 KiB
JavaScript
|
import { ref } from "vue";
|
||
|
|
import i18n from "@/lang/index.ts";
|
||
|
|
const { t } = i18n.global;
|
||
|
|
|
||
|
|
/** 填充重复模式 */
|
||
|
|
export const getSelectOptions = () => ref([
|
||
|
|
{ value: "no-repeat", label: t("Canvas.noRepeat") },
|
||
|
|
{ value: "repeat", label: t("Canvas.repeat") },
|
||
|
|
{ value: "repeat-x", label: t("Canvas.repeatX") },
|
||
|
|
{ value: "repeat-y", label: t("Canvas.repeatY") },
|
||
|
|
]);
|
||
|
|
|
||
|
|
/** 图层混合模式 */
|
||
|
|
export const getLayerCompositeOptions = () => ref([
|
||
|
|
{ value: "source-over", label: t("Canvas.CompositeNormal"), tip: t("Canvas.CompositeNormalTip") },// 正常
|
||
|
|
{ value: "darken", label: t("Canvas.CompositeDarken"), tip: t("Canvas.CompositeDarkenTip") },// 变暗
|
||
|
|
{ value: "multiply", label: t("Canvas.CompositeMultiply"), tip: t("Canvas.CompositeMultiplyTip") },// 正片叠底
|
||
|
|
{ value: "color-burn", label: t("Canvas.CompositeColorBurn"), tip: t("Canvas.CompositeColorBurnTip") },// 颜色加深
|
||
|
|
|
||
|
|
{ value: "lighten", label: t("Canvas.CompositeLighten"), tip: t("Canvas.CompositeLightenTip") },// 颜色减淡
|
||
|
|
{ value: "screen", label: t("Canvas.CompositeScreen"), tip: t("Canvas.CompositeScreenTip") },// 滤色
|
||
|
|
{ value: "color-dodge", label: t("Canvas.CompositeColorDodge"), tip: t("Canvas.CompositeColorDodgeTip") },// 颜色减淡
|
||
|
|
{ value: "lighter", label: t("Canvas.CompositeLighter"), tip: t("Canvas.CompositeLighterTip") },// 颜色减淡
|
||
|
|
|
||
|
|
{ value: "overlay", label: t("Canvas.CompositeOverlay"), tip: t("Canvas.CompositeOverlayTip") },// 叠加
|
||
|
|
{ value: "soft-light", label: t("Canvas.CompositeSoftLight"), tip: t("Canvas.CompositeSoftLightTip") },// 柔光
|
||
|
|
{ value: "hard-light", label: t("Canvas.CompositeHardLight"), tip: t("Canvas.CompositeHardLightTip") },// 强光
|
||
|
|
|
||
|
|
{ value: "difference", label: t("Canvas.CompositeDifference"), tip: t("Canvas.CompositeDifferenceTip") },// 差值
|
||
|
|
{ value: "exclusion", label: t("Canvas.CompositeExclusion"), tip: t("Canvas.CompositeExclusionTip") },// 排除
|
||
|
|
|
||
|
|
{ value: "hue", label: t("Canvas.CompositeHue"), tip: t("Canvas.CompositeHueTip") },// 色相
|
||
|
|
{ value: "saturation", label: t("Canvas.CompositeSaturation"), tip: t("Canvas.CompositeSaturationTip") },// 饱和度
|
||
|
|
{ value: "color", label: t("Canvas.CompositeColor"), tip: t("Canvas.CompositeColorTip") },// 颜色
|
||
|
|
{ value: "luminosity", label: t("Canvas.CompositeLuminosity"), tip: t("Canvas.CompositeLuminosityTip") },// 亮度
|
||
|
|
|
||
|
|
// { value: "destination-over", label: "背后", tip:"背后：新图形绘制到原内容下方" },
|
||
|
|
// { value: "source-in", label: "颜色加深", tip:"颜色加深：只显示重叠部分，其他透明" },
|
||
|
|
// { value: "destination-in", label: "颜色减淡", tip:"颜色减淡：只显示原内容与新图形重叠部分" },
|
||
|
|
// { value: "source-out", label: "排除", tip:"排除：只显示新图形中不重叠部分" },
|
||
|
|
// { value: "destination-out", label: "差值", tip:"差值：只清除原内容中与新图形重叠部分" },
|
||
|
|
// { value: "xor", label: "排除", tip:"排除：重叠部分透明" },
|
||
|
|
// { value: "copy", label: "正常", tip:"正常：完全忽略原内容，只显示新图形" },
|
||
|
|
// { value: "source-atop", label: "叠加", tip:"叠加：只在与现有内容重叠处绘制新图形" },
|
||
|
|
// { value: "destination-atop", label: "柔光", tip:"柔光：仅保留重叠部分，新图形在原内容后绘制" },
|
||
|
|
// { value: "darker", label: "变暗", tip:"变暗：重叠部分颜色减淡" },
|
||
|
|
]);
|