pl-excalidraw元件

使用 excalidraw 绘制矢量图。

请注意，仅支持手动评分。对于自动分级绘图，请考虑使用 pl-drawing 或 pl-sketch。

question.html

<p>Draw something else, with a starter diagram</p>

<pl-excalidraw
  gradable="true"
  answers-name="vector"
  source-file-name="starter.excalidraw"
  directory="clientFilesQuestion"
  width="100%"
  height="600px"
></pl-excalidraw>

定制

属性	类型	默认	描述
answers-name	字符串	—	用于标识小部件的唯一名称。提交的绘图将使用此名称保存。当设置 gradable 时需要。
directory	"serverFilesCourse"、"clientFilesCourse"、"clientFilesQuestion" 或 "."	"."	"source-file-name" 加载的目录。默认是指问题目录"."。
gradable	布尔	“真实”	图表是否接受用户的输入。
height	字符串	"800px"	小部件的高度，与 CSS height 规范兼容。
source-file-name	字符串	—	作为入门图加载的可选文件。
width	字符串	"100%"	小部件的宽度，与 CSS width 规范兼容。

width 和 height 属性用作 CSS 属性值。 height="900"等无单位数字无效；使用 height="900px" 作为像素。

无障碍

pl-excalidraw 是一个基于画布的绘图工具，并不完全可访问。虽然可以使用键盘访问工具栏，但不能单独使用键盘绘制形状，并且绘图表面不会向屏幕阅读器公开。如果您使用此元素，请考虑为无法使用该元素的学生提供问题的替代版本，例如自由格式的文本输入，让他们可以用文字描述图表。