Question

{pointerEvents：＆＃39; none＆＃39;}在哪里属于Surface？

来自Famo.us大学＆＃34; Timbre＆＃34;例： http://famo.us/university/famous-102/timbre/24/

function _createIcon() {
    var iconSurface = new ImageSurface({
        size: [this.options.iconSize, this.options.iconSize],
        content : this.options.iconUrl,
        pointerEvents : 'none'
    });

来自： http://famo.us/university/famous-102/timbre/25/

function _createTitle() {
    var titleSurface = new Surface({
        size: [true, true],
        content: this.options.title,
        properties: {
            color: 'white',
            fontSize: this.options.fontSize + 'px',
            textTransform: 'uppercase',
            pointerEvents : 'none'
        }
    });

根据Surface文档： http://famo.us/docs/0.2.0/core/Surface
属性：是

要在目标div上设置的 HTML 属性的字典字典

＆＃34; PointerEvent接口＆＃34;由W3C定义 http://www.w3.org/TR/pointerevents/#pointerevent-interface所以将它包含在属性对象中似乎是合适的。

但是，如果可以在属性对象的内部和外部使用pointerEvents，那么属性对象是否具有任何实际意义？ Surface对象最终是否已经变平了？

或者Surface和ImageSurface处理属性的方式有何不同？我无法从文档中说出来。

Answer 1

恭喜！您在famo.us大学中发现了一个错误！

我访问了您的链接，并检查了旨在设置指针事件值的图标。而不是“无”，价值是“自动”（来自famo.us大学使用的基础着名表面CSS类）

在教程的第25页pointer-events处于正确的位置（在属性对象中）

无效的html属性选项只是由浏览器打折。属性对象中的所有内容都应用于Surface的

的样式属性

ImageSurface与普通Surface之间的唯一区别是ImageSurface是<img>而不是<div>

它还有一个premade src属性来存储图像的url，其中Surface需要在content属性的行上写一些内容。< / p>

Answer 2

来自famo.us的Shu。

感谢您指出这一点。克莱格，你是对的钱。这已得到修复。

Surface {properties：{}}的作用是什么？

2 个答案: